From 8e6a50aea432cbf3e43d7c230af90d85de614d88 Mon Sep 17 00:00:00 2001 From: Christian Legnitto Date: Wed, 30 Oct 2024 23:34:19 -0400 Subject: [PATCH] Adjust header sizes to make smaller on smaller screens --- src/css/custom.css | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 9ad04e5..4ce2a2b 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -40,7 +40,7 @@ } .h1 { - @apply text-2xl mt-[1.5em] mb-[1.5em]; + @apply text-xl lg:text-2xl mt-[1.5em] mb-[1.5em]; } h1 { @@ -48,7 +48,7 @@ } .h2 { - @apply text-lg mt-[1.5em] mb-[1.5em]; + @apply text-base lg:text-lg mt-[1.5em] mb-[1.5em]; } h2 { @@ -103,9 +103,6 @@ } @layer content { - main h2 { - @apply text-2xl !important; - } article header h1 { @apply mt-0 !important; @@ -131,7 +128,7 @@ article header > h1 a, article header > h2, article header > h2 > a { - @apply text-3xl !important; + @apply text-xl lg:text-3xl !important; } }