mobile style optimze

tsr-kairi · Jul 15, 2021 · 70d4aad · 70d4aad
1 parent 29c2ac0
commit 70d4aad
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/style.css b/style.css
@@ -13,8 +13,7 @@ body {
   justify-content: center;
   font-family: "Poppins", sans-serif;
   margin: 0 0 3rem;
-  height: 100vh;
-  overflow: hidden;
+  height: auto;
 }
 
 h3 {
@@ -66,3 +65,14 @@ footer {
 footer a {
   color: #f5f5f5;
 }
+
+
+@media (max-width: 768px) {
+  body{
+    height: auto;
+  }
+
+  .list-item {
+    grid-template-columns: repeat(1, minmax(300px, 1fr));
+  }
+}