Add more margin to top/bottom of page on small screens
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Luca 2022-07-08 17:19:39 +02:00
parent f26420864f
commit e7eb2aeccc
1 changed files with 14 additions and 2 deletions

View File

@ -30,18 +30,26 @@ header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.5rem;
margin-top: 1rem;
pre {
font-family: monospace;
font-size: 0.8rem;
line-height: 1;
user-select: none;
b {
font-family: monospace;
}
}
nav {
font-size: 1.2rem;
}
@media screen and (min-width: $small) {
margin-top: 0.5rem;
}
}
main {
@ -49,7 +57,7 @@ main {
}
footer {
margin-bottom: 0.5rem;
margin-bottom: 1rem;
nav {
align-items: end;
@ -59,6 +67,10 @@ footer {
justify-content: end;
}
}
@media screen and (min-width: $small) {
margin-bottom: 0.5rem;
}
}
nav {