From 9bca510ad6feeb9e35204744fb345b96a6de090e Mon Sep 17 00:00:00 2001 From: Onuwa Nnachi Isaac Date: Mon, 1 Jul 2019 13:59:09 +0100 Subject: [PATCH] Fix vertical alignment --- src/modules/HighestRanked/HighestRanked.module.scss | 12 ++++++------ src/modules/RecentlyAdded/RecentlyAdded.module.scss | 12 ++++++------ 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/modules/HighestRanked/HighestRanked.module.scss b/src/modules/HighestRanked/HighestRanked.module.scss index 4e2e9e7..ee2bcda 100644 --- a/src/modules/HighestRanked/HighestRanked.module.scss +++ b/src/modules/HighestRanked/HighestRanked.module.scss @@ -18,18 +18,18 @@ @media (min-width: $desktop) { // grid-auto-flow: row; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: unset; + grid-template-rows: repeat(4, 1fr); + grid-template-columns: unset; overflow-x: hidden; } @media (min-width: 970px) { - grid-template-rows: repeat(3, 1fr); - overflow-x: scroll; + grid-template-columns: unset; + grid-template-rows: repeat(4, 1fr); } @media (min-width: 1300px) { - grid-template-rows: repeat(3, 1fr); - overflow-x: scroll; + grid-template-columns: unset; + grid-template-rows: repeat(4, 1fr); } } diff --git a/src/modules/RecentlyAdded/RecentlyAdded.module.scss b/src/modules/RecentlyAdded/RecentlyAdded.module.scss index 045f89e..e2a65ae 100644 --- a/src/modules/RecentlyAdded/RecentlyAdded.module.scss +++ b/src/modules/RecentlyAdded/RecentlyAdded.module.scss @@ -18,18 +18,18 @@ @media (min-width: $desktop) { // grid-auto-flow: row; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: unset; + grid-template-rows: repeat(4, 1fr); + grid-template-columns: unset; overflow-x: hidden; } @media (min-width: 970px) { - grid-template-rows: repeat(3, 1fr); - overflow-x: scroll; + grid-template-columns: unset; + grid-template-rows: repeat(4, 1fr); } @media (min-width: 1300px) { - grid-template-rows: repeat(3, 1fr); - overflow-x: scroll; + grid-template-columns: unset; + grid-template-rows: repeat(4, 1fr); } }