footer für alle Seiten und new Modal

CSS/Block/header.css

@@ -8,5 +8,16 @@ header {
 nav {
     display: flex;
     flex-direction: row;
-    padding: 24px 42px 24px 42px;
+}
+
+@media only screen and (min-width: 900px) {
+    nav{
+        padding: 24px 42px 24px 42px;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    nav{
+        padding: 0;
+    }
 }

CSS/Element/modal.css

@@ -0,0 +1,20 @@
+.modal-overlay {
+    display: none;
+    position: fixed;
+    inset: 0;
+    background: rgba(0,0,0,0.6);
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+}
+.modal-overlay.is-visible {
+    display: flex;
+}
+.modal {
+    background: var(--brand-background);
+    padding: 1.5rem;
+    border-radius: 6px;
+    text-align: center;
+    max-width: 320px;
+    width: 90%;
+}

CSS/style.css

@@ -7,6 +7,7 @@
 @import url(Element/button.css);
 @import url(Element/card.css);
 @import url(Element/sidebar.css);
+@import url(Element/modal.css);
 
 *,
 *:before,