Merge pull request #132 from pradeepSDE/popular-responsive

Popular responsive
mohitparmar1 · May 19, 2024 · 49771d5 · 49771d5
2 parents 8e6ba36 + f6a738d
commit 49771d5
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/Components/Popular.jsx b/src/Components/Popular.jsx
@@ -8,10 +8,14 @@ const Popular = () => {
       <h1 className="text-4xl font-medium text-center font-Poppins mt-9 col-span-full">
         Popular In Women
       </h1>
-      <hr className="w-[200px] mx-auto h-2 bg-gray-400 rounded-xl col-span-full" />
-      {dataProduct.map((item) => {
-        return <Item data={item} key={item.id} />;
-      })}
+
+      <hr className="w-[200px] h-2 bg-gray-400 col-span-full rounded-xl" />
+      <div className="sm:flex">
+        {dataProduct.map((item) => {
+          return <Item data={item} key={item.id} />;
+        })}
+      </div>
+
     </div>
   );
 };