From 82818960b39f6a70131c856d5c63874f9d868aa0 Mon Sep 17 00:00:00 2001 From: DrMaxNix Date: Thu, 8 Feb 2024 22:13:57 +0100 Subject: [PATCH 1/2] :iphone: responsive design --- page/start/style.css | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/page/start/style.css b/page/start/style.css index a9cd66c..6cdac28 100644 --- a/page/start/style.css +++ b/page/start/style.css @@ -28,6 +28,11 @@ html, body { html { font-size: 16px; } +@media only screen and (max-width: 1000px) { + html { + font-size: 14px; + } +} body { flex-grow: 1; @@ -81,6 +86,16 @@ a { background-color: var(--color-bg); } +@media only screen and (max-width: 1600px) { + .page { + width: 70vw; + } +} +@media only screen and (max-width: 1000px) { + .page { + width: 90vw; + } +} .heading { position: relative; @@ -171,17 +186,28 @@ a { display: flex; flex-direction: row; justify-content: space-between; - flex-wrap: nowrap; + flex-wrap: wrap; + gap: 0.5rem; width: 50vw; color: var(--color-gray); } +@media only screen and (max-width: 1600px) { + .footer { + width: 70vw; + } +} +@media only screen and (max-width: 1000px) { + .footer { + width: 90vw; + } +} .footer > * { display: flex; flex-direction: row; - flex-wrap: nowrap; + flex-wrap: wrap; gap: 0.5rem; } -- 2.30.2 From 26fa33e6c23a1a5b4fc94ea97f5bdec0319a63c7 Mon Sep 17 00:00:00 2001 From: DrMaxNix Date: Thu, 8 Feb 2024 22:14:10 +0100 Subject: [PATCH 2/2] :bookmark: bump version to v1.0.1 --- meta.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/meta.php b/meta.php index 46cf409..b251125 100644 --- a/meta.php +++ b/meta.php @@ -1,6 +1,6 @@