media_query_improve

jayesh2474 · May 11, 2024 · 447b82d · 447b82d
1 parent b0c8a18
commit 447b82d
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/BlogPage.js b/src/components/BlogPage.js
@@ -38,7 +38,11 @@ padding-top: 10rem;
 const Grid = styled.div`
 display: grid;
 grid-template-columns: repeat(2, minmax(calc(10rem + 15vw), 1fr));
-grid-gap: calc(1rem + 2vw);
+  grid-gap: calc(1rem + 2vw);
+
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr; // Adjust for mobile
+  }
 `
 
 // Framer-motion config