Change style for small screens and small pages
This commit is contained in:
parent
2a3efb9271
commit
247fc85d4b
|
|
@ -15,6 +15,9 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
> header {
|
> header {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -35,10 +38,7 @@ body {
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
padding: 6px 20px;
|
padding: 6px 20px;
|
||||||
|
display: inline-block;
|
||||||
@media screen and (min-width: 768px) {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a[aria-current="page"] {
|
a[aria-current="page"] {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue