Styled guides for responsive breakpoints

2019-07-19 15:09:55 +02:00
parent fdd1d20c5b
commit 2746b73416
1 changed files with 4 additions and 0 deletions
--- a/packages/website/ts/pages/docs/guides.tsx
+++ b/packages/website/ts/pages/docs/guides.tsx
@@ -33,6 +33,10 @@ const Columns = styled.div`
    grid-template-columns: 250px 1fr;
    grid-column-gap: 98px;
    grid-row-gap: 30px;
+
+    @media (max-width: 900px) {
+        grid-template-columns: 1fr;
+    }
 `;

 const filterGroups: FilterGroup[] = [