From 711e9fe421b00db62b2c0479126fb475a9840105 Mon Sep 17 00:00:00 2001 From: James Mitofsky Date: Thu, 3 Aug 2023 21:55:07 +0200 Subject: [PATCH] [#18] Refine styles by shrinking max width of content & increasing line height --- src/components/LandingPageHero.svelte | 4 ---- src/routes/+layout.svelte | 7 +++++-- src/routes/+page.svelte | 2 +- 3 files changed, 6 insertions(+), 7 deletions(-) diff --git a/src/components/LandingPageHero.svelte b/src/components/LandingPageHero.svelte index ccbd4c1..6b57e50 100644 --- a/src/components/LandingPageHero.svelte +++ b/src/components/LandingPageHero.svelte @@ -103,10 +103,6 @@ /* Media query for mobile-sized screens */ @media screen and (min-width: 768px) { - h1 { - font-size: 10em; - } - header { height: 50vh; } diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index decb0f2..cf5656b 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -21,9 +21,12 @@ margin: 0; padding: 0; font-family: sans-serif; - line-height: 2em; + line-height: 3em; font-size: 1.1em; - color: #4e4e4e; + color: rgb(38, 38, 38); scroll-behavior: smooth; + display: flex; + flex-direction: column; + align-items: center; } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 69b6c7f..6d62cf4 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -153,7 +153,7 @@ /* Media queries */ @media only screen and (min-width: 700px) { main { - margin: 0 15%; + max-width: 50em; } .bros {