From b6b7c597a19fca4b5320cab8e964f4d237d0612f Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 16:10:37 -0400 Subject: [PATCH 1/5] Layout back compat --- main/index.css | 10 +++++----- main/main.css | 4 ++-- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/main/index.css b/main/index.css index 83f0725..d7ab055 100644 --- a/main/index.css +++ b/main/index.css @@ -5,16 +5,16 @@ img { vertical-align: bottom; } address { - display: flex; - flex-wrap: wrap; - gap: 1em; + font-style: normal; + margin: -0.5rem; } address h2 { - width: 100%; - margin-bottom: 0; + margin: 0.5rem; + margin-top: 2rem; } address a { font-size: 1.2em; + margin: 0.5rem; } address img, address picture { vertical-align: baseline; diff --git a/main/main.css b/main/main.css index bd0558c..0c6b987 100644 --- a/main/main.css +++ b/main/main.css @@ -7,12 +7,12 @@ html { } body { font-family: sans-serif; - width: min-content; + width: min-content; width: -webkit-min-content; width: -moz-min-content; max-width: 100%; margin: auto; } header, main { - width: max-content; + width: max-content; width: -webkit-max-content; width: -moz-max-content; max-width: 100%; } h1 { From ef2e4b008b2823a4fd12f439da4845c7a316221f Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 16:18:59 -0400 Subject: [PATCH 2/5] Layout back compat 2 --- main/index.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/main/index.css b/main/index.css index d7ab055..3f57317 100644 --- a/main/index.css +++ b/main/index.css @@ -5,8 +5,9 @@ img { vertical-align: bottom; } address { - font-style: normal; + display: inline-block; margin: -0.5rem; + font-style: normal; } address h2 { margin: 0.5rem; From e8fc9bdf3bd6f7331b0568ea8813928f9aeaf8a4 Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 16:20:13 -0400 Subject: [PATCH 3/5] Layout back compat 3 --- main/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main/index.css b/main/index.css index 3f57317..38b4078 100644 --- a/main/index.css +++ b/main/index.css @@ -5,7 +5,6 @@ img { vertical-align: bottom; } address { - display: inline-block; margin: -0.5rem; font-style: normal; } @@ -15,6 +14,7 @@ address h2 { } address a { font-size: 1.2em; + display: inline-block; margin: 0.5rem; } address img, address picture { From 09f7fadef90837954d070ae27cfe328e201daa48 Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 17:47:07 -0400 Subject: [PATCH 4/5] Small text for small screens --- main/main.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/main/main.css b/main/main.css index 0c6b987..9fc44fb 100644 --- a/main/main.css +++ b/main/main.css @@ -17,4 +17,14 @@ header, main { } h1 { margin-top: 0; -} \ No newline at end of file +} + + +@media (min-width: 18rem) and (max-width: 22rem) { + html { + font-size: 90%; +} } +@media (max-width: 18rem) { + html { + font-size: 80%; +} } \ No newline at end of file From 41d6411b5e62c8898ca406555b0bc4b35857f53a Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 17:54:03 -0400 Subject: [PATCH 5/5] Media query text size tweak --- main/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/main/main.css b/main/main.css index 9fc44fb..c5284f1 100644 --- a/main/main.css +++ b/main/main.css @@ -20,11 +20,11 @@ h1 { } -@media (min-width: 18rem) and (max-width: 22rem) { +@media (min-width: 20rem) and (max-width: 22rem) { html { font-size: 90%; } } -@media (max-width: 18rem) { +@media (max-width: 20rem) { html { font-size: 80%; } } \ No newline at end of file