From 30cca3a33c7cbecc22c48bfcba59e064eb383dda Mon Sep 17 00:00:00 2001 From: Hugo Date: Sat, 5 Aug 2023 15:19:00 +0200 Subject: [PATCH] fix: mobile CSS and other mistakes --- styles/style.css | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/styles/style.css b/styles/style.css index b39e02d..aa56140 100644 --- a/styles/style.css +++ b/styles/style.css @@ -50,18 +50,18 @@ footer { } header { - grid-area: "header"; + grid-area: header; border-bottom: 2px solid var(--border); } footer { - grid-area: "footer"; + grid-area: footer; border-top: 2px solid var(--border); } main { - grid-area: "main"; - padding: 3rem 3rem 3rem 3rem; + grid-area: main; + padding: 3rem; font-size: 1.3rem; line-height: 2rem; max-width: 120ch; @@ -104,6 +104,7 @@ a:focus { border-color: var(--hightlight); background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%); } + .account, .sections, #sections-menu { @@ -189,6 +190,10 @@ screen and (max-width: 1500px) { font-size: 2.2rem; } + main { + padding: 1rem; + } + .links { display: none; } @@ -197,4 +202,8 @@ screen and (max-width: 1500px) { footer { padding: 0 1rem; } + + #theme-switcher { + margin-right: 1rem; + } } \ No newline at end of file