Fix the home layout

This commit is contained in:
Eryn Wells 2023-09-30 13:03:10 -07:00
parent 20e76897ff
commit 864c1b673a

View file

@ -50,9 +50,9 @@
"title blurb"
"title nav";
padding-inline: 1em;
width: min-content;
margin-inline: 2rem;
max-width: 40rem;
}
@media (max-width: 599px) {
main header {
gap: 1rem 0;
@ -80,13 +80,16 @@
nav {
align-items: baseline;
align-self: center;
justify-self: center;
display: flex;
font-size: inherit;
font-size: 90%;
list-style: none;
text-transform: lowercase;
}
nav > li::before {
}
p {
margin: 0;
line-height: var(--line-height);
@ -113,7 +116,6 @@
h1 {
animation: left-fade-in var(--transition-duration) ease-in-out;
}
@media (max-width: 599px) {
h1 {
animation: top-fade-in var(--transition-duration) ease-in-out;
@ -124,9 +126,7 @@
nav {
animation: right-fade-in var(--transition-duration) ease-in-out;
}
@media (max-width: 599px) {
#content>p,
nav {
animation: bottom-fade-in var(--transition-duration) ease-in-out;