From 6bffad14128ff07b9e2fc6c2eeb9fff81d1b7e95 Mon Sep 17 00:00:00 2001 From: zepp Date: Tue, 28 Jan 2025 10:10:21 -0500 Subject: [PATCH] code refactoring add mobile header to index.php style and adjust mobile header to work with mobile layout. add to other pages later --- index.php | 3 ++- style/style.css | 16 ++++++++++++++++ 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/index.php b/index.php index c09027f..82315f1 100644 --- a/index.php +++ b/index.php @@ -9,7 +9,8 @@ - + +
diff --git a/style/style.css b/style/style.css index fb7a2f0..71e2ebf 100644 --- a/style/style.css +++ b/style/style.css @@ -206,6 +206,19 @@ section { @media only screen and (max-width: 600px) { .mobile-header { display: flex; + height: 10vh; + width: 100vw; + border-radius: 0; + border: none; + } + + .mobile-header span { + font-size: 2rem; + } + + .mobile-header span img { + height: 24px; + width: 24px; } header { @@ -221,7 +234,10 @@ section { } body { + height: 100vh; + width: auto; display: flex; + flex-direction: column; background-image: none; }