diff --git a/src/layouts/FlowLayout/styles.module.scss b/src/layouts/FlowLayout/styles.module.scss index 2c9c1e2b..34662ba1 100644 --- a/src/layouts/FlowLayout/styles.module.scss +++ b/src/layouts/FlowLayout/styles.module.scss @@ -59,13 +59,15 @@ $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(45vw, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(calc(50vw - 20px), 1fr)); grid-template-rows: calc(100vw - 10px) auto 50vw; + grid-auto-rows: 50vw; } @media (max-width: ($fluid_cell + 5) * 1.5 + 20) { - grid-template-columns: repeat(auto-fill, minmax(45vw, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(calc(50vw - 20px), 1fr)); grid-template-rows: calc(100vw - 10px) auto 50vw; + grid-auto-rows: 50vw; } }