From 8cde08387525f7dd59d592236b74eb619942dddb Mon Sep 17 00:00:00 2001 From: Fries Date: Tue, 4 Jul 2023 22:55:11 -0700 Subject: [PATCH] improve the css i made the font sizes based off rem instead of px. --- src/pages/friends.astro | 6 ++++-- src/styles/global.css | 34 +++++++++++++++++++++++++++------- 2 files changed, 31 insertions(+), 9 deletions(-) diff --git a/src/pages/friends.astro b/src/pages/friends.astro index 4b89097..ec7523d 100644 --- a/src/pages/friends.astro +++ b/src/pages/friends.astro @@ -7,7 +7,9 @@ const { Content } = await shoutouts.render(); --- -
- +
+
+ +
diff --git a/src/styles/global.css b/src/styles/global.css index 297db98..8940551 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -17,22 +17,42 @@ body { font-family: "Atkinson Hyperlegible", sans-serif; text-align: center; + font-size: 1.375rem; } -section, -footer { +footer, +main { max-width: 600px; margin: auto; } -p { - font-size: 22px; +a { + font-size: 1.375rem; + color: var(--link-color); } +h1 { + font-size: 3.225rem; +} -a { - font-size: 22px; - color: var(--link-color); +h2 { + font-size: 2.825rem; +} + +h3 { + font-size: 2.225rem; +} + +h4 { + font-size: 1.665rem; +} + +h5 { + font-size: 1.375rem; +} + +h6 { + font-size: 1.185rem; } /* don't ask why i'm doing this cursed workaround, but i am. */