update responsive

src/App.js

@@ -2,13 +2,9 @@ import "./App.scss";
 import ProductList from "./components/productlist/ProductList";
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { fab } from "@fortawesome/free-brands-svg-icons";
-import {
-  faCheckSquare,
-  faCoffee,
-  faStar,
-} from "@fortawesome/free-solid-svg-icons";
+import { faCheckSquare, faCoffee } from "@fortawesome/free-solid-svg-icons";
 
-library.add(fab, faCheckSquare, faCoffee, faStar);
+library.add(fab, faCheckSquare, faCoffee);
 
 function App() {
   return (

src/index..scss

@@ -13,8 +13,12 @@ body {
   background-color: #f5f5f5;
 }
 
+.product-items-holder {
+  @apply w-full flex flex-wrap items-center justify-around my-10 px-4;
+}
+
 .product-item {
-  @apply rounded-lg shadow-sm w-1/4 border p-2;
+  @apply w-full sm:w-60 md:w-72 mx-1 rounded-lg shadow-sm border p-2 my-3;
 }
 
 .discountPriceBtn {