[design] improve small screen grid padding

This commit is contained in:
zombieFox 2018-12-26 14:58:30 -07:00
parent 2b8cc8db1c
commit 40d5da99c8

View File

@ -10,7 +10,7 @@
} }
.grid-item-head { .grid-item-head {
padding: 4em 2em 2em 2em; padding: 1em 2em 0 2em;
width: 100%; width: 100%;
} }
@ -26,7 +26,12 @@
} }
@media (min-width: 700px) { @media (min-width: 700px) {
.grid-item-head {
padding: 4em 2em 2em 2em;
}
.grid-item-body { .grid-item-body {
padding: 2em 2em 25vh 2em;
grid-template-columns: repeat(3, minmax(1em, 1fr)); grid-template-columns: repeat(3, minmax(1em, 1fr));
} }
} }