Fix vertical alignment

This commit is contained in:
Onuwa Nnachi Isaac 2019-07-01 13:59:09 +01:00
parent d1aa408c7b
commit 9bca510ad6
No known key found for this signature in database
GPG Key ID: 831A4177E1A2CEBB
2 changed files with 12 additions and 12 deletions

View File

@ -18,18 +18,18 @@
@media (min-width: $desktop) { @media (min-width: $desktop) {
// grid-auto-flow: row; // grid-auto-flow: row;
grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr);
grid-template-rows: unset; grid-template-columns: unset;
overflow-x: hidden; overflow-x: hidden;
} }
@media (min-width: 970px) { @media (min-width: 970px) {
grid-template-rows: repeat(3, 1fr); grid-template-columns: unset;
overflow-x: scroll; grid-template-rows: repeat(4, 1fr);
} }
@media (min-width: 1300px) { @media (min-width: 1300px) {
grid-template-rows: repeat(3, 1fr); grid-template-columns: unset;
overflow-x: scroll; grid-template-rows: repeat(4, 1fr);
} }
} }

View File

@ -18,18 +18,18 @@
@media (min-width: $desktop) { @media (min-width: $desktop) {
// grid-auto-flow: row; // grid-auto-flow: row;
grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr);
grid-template-rows: unset; grid-template-columns: unset;
overflow-x: hidden; overflow-x: hidden;
} }
@media (min-width: 970px) { @media (min-width: 970px) {
grid-template-rows: repeat(3, 1fr); grid-template-columns: unset;
overflow-x: scroll; grid-template-rows: repeat(4, 1fr);
} }
@media (min-width: 1300px) { @media (min-width: 1300px) {
grid-template-rows: repeat(3, 1fr); grid-template-columns: unset;
overflow-x: scroll; grid-template-rows: repeat(4, 1fr);
} }
} }