From 82df83ea5a1a31e0cbb8d5e757a91ff0bec59b2e Mon Sep 17 00:00:00 2001 From: LarsFlem <43146722+LarsFlem@users.noreply.github.com> Date: Wed, 23 Oct 2024 09:01:18 +0200 Subject: [PATCH] Update Header.css Iphone comp --- src/components/Header.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/Header.css b/src/components/Header.css index 944892d..3a834d8 100644 --- a/src/components/Header.css +++ b/src/components/Header.css @@ -79,12 +79,16 @@ nav a:hover::after { header { flex-direction: column; align-items: flex-start; - padding: 10px 20px; + padding: 5px 15px; /* Further reduce padding */ height: auto; /* Let the height adjust naturally on smaller screens */ } + .logo-image { + height: 60px; /* Reduce height for smaller screens */ + } + .logo-text { - font-size: 36px; /* Adjust size for smaller screens */ + font-size: 24px; /* Reduce this further for smaller devices */ margin-bottom: 10px; } @@ -94,6 +98,7 @@ nav a:hover::after { } nav a { - font-size: 16px; + font-size: 16px; /* Adjust link font size for better readability */ } } +