From e4dca5500f7f5eac063d6c475688c215f8b3d66a Mon Sep 17 00:00:00 2001 From: nexy7574 Date: Mon, 13 May 2024 16:24:32 +0100 Subject: [PATCH] make the website not godawful on mobile --- src/index.html | 2 +- src/responsive.css | 10 +++++++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/index.html b/src/index.html index 942c96d..d3e1d00 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - + About Me | nexy7574.co.uk diff --git a/src/responsive.css b/src/responsive.css index b0aa571..0e52db9 100644 --- a/src/responsive.css +++ b/src/responsive.css @@ -8,18 +8,22 @@ @media screen and (max-width: 1400px) { body { max-width: 80%; - min-width: 700px; } } @media screen and (max-width: 800px) { body { max-width: 100%; + min-width: 100%; + width: 100%; font-size: initial; text-align: center; + margin: 0; + padding: 0; } nav { flex-direction: column; + padding: 0; } ul.navbar { display: flex; @@ -36,4 +40,8 @@ #array { grid-template-columns: repeat(1, 1fr); } + header { + margin: 0; + width: 100%; + } } \ No newline at end of file