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 {