adjust footer breaks + avoid line break in entities contact info

2024-08-10 14:25:04 +02:00
parent ebf5007e20
commit 646b3e4128
3 changed files with 31 additions and 2 deletions
--- a/web/src/components/layout/footer.module.scss
+++ b/web/src/components/layout/footer.module.scss
@ -129,6 +129,11 @@
  .footer {
    grid-template-columns: 1fr 1fr;
  }
+  .social {
+    ul {
+      padding-top: .3em;
+    }
+  }
 }

@media (max-width: 600px) {
@ -138,4 +143,19 @@
  .visit {
    grid-column: span 1;
  }
+  .social {
+    ul {
+      display: flex;
+      flex-wrap: wrap;
+      gap: .5rem;
+    }
+  }
+  .emails {
+    display: flex;
+    flex-wrap: wrap;
+    > div {
+      width: 50%;
+      padding-right: 2rem;
+    }
+  }
 }