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; } }