From a1dbb6bdfa31c061f4456a89c81beaaba33debde Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Wed, 23 Oct 2019 11:38:03 +0700 Subject: [PATCH] the flow is squared now --- src/components/flow/FlowGrid/styles.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/components/flow/FlowGrid/styles.scss b/src/components/flow/FlowGrid/styles.scss index bda06973..be508db9 100644 --- a/src/components/flow/FlowGrid/styles.scss +++ b/src/components/flow/FlowGrid/styles.scss @@ -16,18 +16,24 @@ $cols: $content_width / $cell; @media (max-width: $cell * 5) { grid-template-columns: repeat(4, 1fr); + grid-auto-rows: 25vw; } @media (max-width: $cell * 4) { grid-template-columns: repeat(3, 1fr); + grid-auto-rows: 33vw; } @media (max-width: $cell * 3) { grid-template-columns: repeat(2, 1fr); + grid-auto-rows: 50vw; } @media (max-width: $cell * 2) { grid-template-columns: repeat(1, 1fr); + grid-auto-rows: 75vw; + grid-column-gap: $gap; + grid-row-gap: $gap; } }