reduce footer height on narrow screens

HectorVilas · Apr 30, 2023 · e2070e2 · e2070e2
1 parent 35ca87f
commit e2070e2
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/styles/footer.css b/styles/footer.css
@@ -22,4 +22,14 @@ footer > div {
 
 footer > div img {
   cursor: pointer;
-}
+}
+
+/* responsiveness */
+
+@media only screen and (max-width: 800px) {
+  footer {
+    --padding: 10px;
+    padding-top: var(--padding);
+    padding-bottom: var(--padding);
+  }
+}