From e7a5599a3fd0a1d7ae428bfba771c2e85439db89 Mon Sep 17 00:00:00 2001 From: Nakidai Date: Tue, 30 Jan 2024 02:08:02 +0300 Subject: [PATCH] Make site more adaptive for mobile phones and small screens --- root/style.css | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/root/style.css b/root/style.css index 10aefe7..99447bf 100644 --- a/root/style.css +++ b/root/style.css @@ -1,5 +1,5 @@ html, body { - min-height: 100%; + height: 100%; margin: 0; padding: 0; } @@ -14,6 +14,7 @@ div { font-family: sans-serif; min-height: 100%; + min-width: 100%; display: flex; flex-direction: column; @@ -23,9 +24,12 @@ div { .header { height: 20%; + padding: 5px; display: flex; align-items: center; + justify-content: space-evenly; + flex-wrap: wrap; font-size: xxx-large; } @@ -68,16 +72,10 @@ div { display: flex; justify-content: flex-end; align-items: flex-end; - - position: relative; } .copyright { text-align: right; - position: absolute; - bottom: 0; - right: 0; - padding: 1%; } \ No newline at end of file