Improve the home page slightly
This commit is contained in:
parent
2c1f64cbca
commit
cc4b1df2bf
4 changed files with 10 additions and 5 deletions
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue