1
0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2024-12-12 05:20:26 +00:00

Add the gap on mobile devices

Gotta think what to do with those arrows btw
This commit is contained in:
Timur Ismagilov 2021-08-09 00:51:37 +05:00
parent 5238e9cce9
commit e47b297410

View File

@ -30,7 +30,7 @@ header { width: 100%; margin-bottom: 1rem; }
.amnt-grid { grid-template-columns: 1fr; } .amnt-grid { grid-template-columns: 1fr; }
.layout { grid-template-columns: auto; grid-template-rows: auto auto auto; } .layout { grid-template-columns: auto; grid-template-rows: auto auto auto; }
.main-width { width: 100%; } .main-width { width: 100%; }
main { padding: 1rem; margin: 0; } main { padding: .5rem 1rem 1rem 1rem; }
} }
@media screen and (min-width: 500px) { @media screen and (min-width: 500px) {
@ -196,10 +196,6 @@ table,
} }
.transclusion_blend .transclusion__link { display: none; } .transclusion_blend .transclusion__link { display: none; }
@media screen and (max-width: 800px) {
main { padding-top: 0; }
}
.layout-card { border-radius: .25rem; background-color: white; } .layout-card { border-radius: .25rem; background-color: white; }
.layout-card__title { font-size: 1rem; margin: 0; padding: .25rem .5rem; border-radius: .25rem .25rem 0 0; } .layout-card__title { font-size: 1rem; margin: 0; padding: .25rem .5rem; border-radius: .25rem .25rem 0 0; }
.layout-card__title { border-bottom: 1px solid #eee; } .layout-card__title { border-bottom: 1px solid #eee; }