From 961473a4de6e0ec3c9a8574f66916290d085b1da Mon Sep 17 00:00:00 2001 From: Gorka Ludlow Date: Tue, 8 Jan 2019 09:17:02 -0600 Subject: [PATCH] Apps: add responsive styles for app list (#554) --- src/apps/Apps/Apps.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/apps/Apps/Apps.js b/src/apps/Apps/Apps.js index e4ebb5ac1..e4bbfdd91 100644 --- a/src/apps/Apps/Apps.js +++ b/src/apps/Apps/Apps.js @@ -125,7 +125,14 @@ const AppsGrid = styled.div` grid-auto-flow: row; grid-gap: 25px; justify-items: start; - grid-template-columns: repeat(auto-fill, 224px); + grid-template-columns: 1fr; + + ${breakpoint( + 'medium', + ` + grid-template-columns: repeat(auto-fill, 224px); + ` + )}; ` const Main = styled(Card).attrs({ width: '100%', height: '288px' })`