Mobile style adjustments

katydecorah · Oct 14, 2023 · a3065a3 · a3065a3
1 parent 7e5a892
commit a3065a3
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/assets/site.css b/assets/site.css
@@ -89,8 +89,10 @@ main {
   }
 }
 
-header {
-  padding-top: 1rem;
+@media (width >= 50rem) {
+  header {
+    padding-top: 1rem;
+  }
 }
 
 header .container {
@@ -221,12 +223,20 @@ footer .container {
   margin-bottom: 1rem;
 }
 
+.footer-links a {
+  padding: 0.25rem 0;
+}
+
 @media (width >= 50rem) {
   .footer-links {
     display: flex;
     grid-gap: 1rem;
     justify-content: center;
   }
+
+  .footer-links a {
+    padding: 0;
+  }
 }
 
 .icon-link {
@@ -311,11 +321,19 @@ footer .container {
   min-width: 300px;
 }
 
+.nav-category a {
+  padding: 0.25rem 0;
+}
+
 @media (width >= 50rem) {
   .nav-category-container {
     display: flex;
     grid-gap: 1rem;
   }
+
+  .nav-category a {
+    padding: 0;
+  }
 }
 
 .nav-category {