From 132fe872b6cd79e50fa86a2a225e3a73d7b3a60e Mon Sep 17 00:00:00 2001 From: muerwre Date: Thu, 1 Aug 2019 21:53:01 +0700 Subject: [PATCH] added editor media query --- src/containers/examples/HorizontalExample/styles.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/containers/examples/HorizontalExample/styles.scss b/src/containers/examples/HorizontalExample/styles.scss index 3fc66f17..dfc775c5 100644 --- a/src/containers/examples/HorizontalExample/styles.scss +++ b/src/containers/examples/HorizontalExample/styles.scss @@ -70,12 +70,17 @@ flex: 1; padding: $gap; padding-bottom: 0; - grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); display: grid; align-items: center; justify-content: center; grid-column-gap: $gap; grid-row-gap: $gap; + + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + + @media(max-width: 600px) { + grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr)); + } } .cell {