diff --git a/assets/styles/home.css b/assets/styles/home.css index c658264..046d92e 100644 --- a/assets/styles/home.css +++ b/assets/styles/home.css @@ -21,8 +21,10 @@ h1 { h1 { font-size: 4.25rem; } } -html { - font-size: clamp(var(--font-size-min), 2.5vw, var(--font-size-max)); +@media (max-width: 599px) { + html { + --font-size-scale-factor: 1.33vmax; + } } main { @@ -65,6 +67,7 @@ main h1 { nav { align-items: baseline; + align-self: center; display: flex; list-style: none; text-transform: lowercase; diff --git a/assets/styles/root.css b/assets/styles/root.css index 12c3b92..6bfff60 100644 --- a/assets/styles/root.css +++ b/assets/styles/root.css @@ -314,10 +314,12 @@ header.site > .grid > nav:last-of-type { } html { + --font-size-scale-factor: 1vmax; + background-color: var(--html-background-color); color: var(--html-color); font-family: var(--font-family-body); - font-size: clamp(var(--font-size-min), 1vw, var(--font-size-max)); + font-size: clamp(var(--font-size-min), var(--font-size-scale-factor), var(--font-size-max)); } img { diff --git a/content/_index.es.md b/content/_index.es.md index 9e8a79b..8286a5c 100644 --- a/content/_index.es.md +++ b/content/_index.es.md @@ -2,4 +2,4 @@ title: Eryn Rachel Wells --- -Ingeniera de software, alfarera, música, y nerd en general. Este es mi sitio web. +Ingeniera de software, alfarera, música, y nerd en general. diff --git a/content/_index.md b/content/_index.md index b8b596b..2d5b279 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,4 +2,4 @@ title: Eryn Rachel Wells --- -Software engineer, potter, musician, and overall nerd. This is my website. +Software engineer, potter, musician, and overall nerd.