Add more margin to top/bottom of page on small screens
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
f26420864f
commit
e7eb2aeccc
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue