From 432f3c8d0bf75b15d6c986a45143c0cdc72e4a52 Mon Sep 17 00:00:00 2001 From: nek0 Date: Tue, 28 Nov 2023 04:13:53 +0100 Subject: [PATCH] make design mobile friendly --- site/css/default.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/site/css/default.css b/site/css/default.css index fe79945..6d6bfff 100644 --- a/site/css/default.css +++ b/site/css/default.css @@ -185,6 +185,15 @@ div.info { } @media screen and (max-width: 750px){ + body { + grid-template-columns: [maincol] auto; + grid-template-rows: [logorow] 20rem [headerrow] 6rem [mainrow] auto [footerrow] 2rem; + grid-template-areas: + "logo" + "header" + "main" + "footer"; + } #logo { position: initial; } @@ -192,8 +201,4 @@ div.info { #logo img { max-width: 100%; } - - article, header { - margin: 0; - } }