added deskop styling for nav and main sections

lauriejefferson · Dec 1, 2023 · b16f376 · b16f376
1 parent b139a45
commit b16f376
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/fylo-dark-theme-landing-page-master/style.css b/fylo-dark-theme-landing-page-master/style.css
@@ -408,4 +408,32 @@ footer {
 .footer__contact--link a {
   font-size: 2rem;
   font-weight: var(--fw-300);
+}
+
+@media(min-width: 768px) {
+  .features {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 2em;
+  }
+
+  .stay-productive {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .stay-productive__underline {
+    width: 50%;
+  }
+
+  .social {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1em;
+    min-height: 30vh;
+  }
+
+  .social .quotes {
+    transform: translate(70%, 80%);
+  }
 }