eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Fix the home layout

Browse source
This commit is contained in:
Eryn Wells 2023-09-30 13:03:10 -07:00
parent 20e76897ff
commit 864c1b673a
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
assets/styles/home.css
View file

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