📱 feat: make footer & banner responsive

Social icons were too big on smaller screens. Fix #34
2023-02-19 18:54:02 +01:00
parent 900cce3b65
commit 921725cb11
3 changed files with 56 additions and 47 deletions
--- a/sass/parts/_home-banner.scss
+++ b/sass/parts/_home-banner.scss
@@ -1,7 +1,7 @@
 #banner-container-home {
    display: flex;
    width: 100%;
-    margin: 10px auto;
+    margin: 0.2rem auto;
    align-items: center;
    justify-content: center;
 }
@@ -56,7 +56,13 @@
@media only screen and (max-width: 600px) {
    #banner-container-home {
        display: block;
-        margin: 0 auto;
+        margin: 0em auto;
+        margin-bottom: 2rem;
+    }
+
+    .home-banner-header {
+        font-size: 2.2rem;
+        margin-bottom: 0;
    }

    .banner-home-img {