From dfe6575b268b67eba59f158204ed02f47080ae0a Mon Sep 17 00:00:00 2001 From: rick Date: Sun, 13 Oct 2024 18:56:08 +0200 Subject: [PATCH] add responsive --- css/style.css | 43 +++++++++++++++++++++++++++++++++++++++++++ header.html | 1 + 2 files changed, 44 insertions(+) diff --git a/css/style.css b/css/style.css index 1b658d7..478a619 100644 --- a/css/style.css +++ b/css/style.css @@ -130,3 +130,46 @@ footer { #buttons div { margin-bottom: 1em; } + +@media only screen and (max-width: 641px) { + body { + grid-template-areas: + "header header" + "main main" + "menu menu" + "footer footer"; + } + + #header-links { + position: sticky; + bottom: 0; + margin-left: 0; + margin-top: 0; + flex-direction: row; + background-color: white; + border-top: solid black; + flex-wrap: wrap; + } + + header { + display: flex; + flex-direction: column; + } + + #lang { + justify-items: center; + } + + #main { + margin: 2em 1em 2em 1em; + } + + #footer-main { + display: flex; + flex-direction: column; + } + + .pred-buttons { + align-self: center; + } +} diff --git a/header.html b/header.html index 51a68f2..d4dbdc5 100644 --- a/header.html +++ b/header.html @@ -2,6 +2,7 @@ +