From d1aa408c7b8596470df241eeef04d4222609a43d Mon Sep 17 00:00:00 2001 From: Onuwa Nnachi Isaac Date: Mon, 1 Jul 2019 10:04:47 +0100 Subject: [PATCH] Add horizontal scrolls --- src/modules/HighestRanked/HighestRanked.module.scss | 4 ++-- src/modules/RecentlyAdded/RecentlyAdded.module.scss | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/modules/HighestRanked/HighestRanked.module.scss b/src/modules/HighestRanked/HighestRanked.module.scss index 5547ee3..4e2e9e7 100644 --- a/src/modules/HighestRanked/HighestRanked.module.scss +++ b/src/modules/HighestRanked/HighestRanked.module.scss @@ -24,12 +24,12 @@ } @media (min-width: 970px) { - grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(3, 1fr); overflow-x: scroll; } @media (min-width: 1300px) { - grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(3, 1fr); overflow-x: scroll; } } diff --git a/src/modules/RecentlyAdded/RecentlyAdded.module.scss b/src/modules/RecentlyAdded/RecentlyAdded.module.scss index 416215a..045f89e 100644 --- a/src/modules/RecentlyAdded/RecentlyAdded.module.scss +++ b/src/modules/RecentlyAdded/RecentlyAdded.module.scss @@ -24,12 +24,12 @@ } @media (min-width: 970px) { - grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(3, 1fr); overflow-x: scroll; } @media (min-width: 1300px) { - grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(3, 1fr); overflow-x: scroll; } }