From dd57fe7ac2d01b943117c1f6b5a6dcfe59de08a1 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Fri, 25 Jun 2021 14:33:45 +0700 Subject: [PATCH] fixed mobile cards aspect ratio --- src/layouts/FlowLayout/styles.module.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) 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; } }