From 6f9c380dcd13990087a4109312c2d139c1626535 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Fri, 25 Jun 2021 14:23:45 +0700 Subject: [PATCH] fixed mobile cell sizes --- src/layouts/FlowLayout/styles.module.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/layouts/FlowLayout/styles.module.scss b/src/layouts/FlowLayout/styles.module.scss index d79e7e53..2c9c1e2b 100644 --- a/src/layouts/FlowLayout/styles.module.scss +++ b/src/layouts/FlowLayout/styles.module.scss @@ -59,8 +59,13 @@ $cols: $content_width / $cell; @media (max-width: $cell_mobile) { // rework stamp, so it will be shown as smaller one on mobiles - grid-template-columns: repeat(auto-fill, minmax($fluid_cell*0.75, 1fr)); - grid-template-rows: calc(100vw - 10px) auto $fluid_cell; + grid-template-columns: repeat(auto-fill, minmax(45vw, 1fr)); + grid-template-rows: calc(100vw - 10px) auto 50vw; + } + + @media (max-width: ($fluid_cell + 5) * 1.5 + 20) { + grid-template-columns: repeat(auto-fill, minmax(45vw, 1fr)); + grid-template-rows: calc(100vw - 10px) auto 50vw; } }