style: add reponsive styling for min-width: 768px

rasan3-1416 · Oct 13, 2023 · 7d3a594 · 7d3a594
1 parent 3d18dd9
commit 7d3a594
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -675,5 +675,32 @@ img {
     justify-content: initial;
   }
 }
-
+@media screen and (min-width: 768px) {
+  /* ========== Home ========== */
+  .home__img {
+    width: 320px;
+  }
+  .home__title {
+    font-size: 16rem;
+    top: -4rem;
+  }
+  .home__social {
+    top: 0;
+    bottom: 0;
+    align-content: center;
+    left: 1.5rem;
+  }
+  /* ========== Sponsor ========== */
+  .sponsor__container {
+    grid-template-columns: repeat(4, max-content);
+  }
+  /* ========== Footer ========== */
+  .footer__container {
+    grid-template-columns: repeat(2, max-content);
+    justify-content: space-around;
+  }
+  .footer__data {
+    column-gap: 4rem;
+  }
+}
 /* For large devices */