Apps: add responsive styles for app list (#554)

aragon · Jan 14, 2019 · 8aed8fd · 8aed8fd
1 parent 0217694
commit 8aed8fd
Showing 1 changed file with 8 additions and 1 deletion.
diff --git 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' })`