Fix the home layout
This commit is contained in:
parent
20e76897ff
commit
864c1b673a
1 changed files with 7 additions and 7 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue