From 8e0151846257c430b1f6355b51e3d9090c6f5d7a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ja=CC=81n=20Mikla=CC=81s=CC=8C?= Date: Wed, 24 Jun 2020 13:15:08 +0200 Subject: [PATCH] Correct grid spacing on small screens [MAILPOET-2784] --- assets/css/src/generic/_grid.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/assets/css/src/generic/_grid.scss b/assets/css/src/generic/_grid.scss index 971cb9fb9e..a302e49cd1 100644 --- a/assets/css/src/generic/_grid.scss +++ b/assets/css/src/generic/_grid.scss @@ -8,7 +8,7 @@ .mailpoet-grid-two-columns { display: grid; - grid-column-gap: $grid-gap; + grid-gap: $grid-gap; grid-template-columns: 1fr 1fr; @include respond-to(small-screen) { @@ -18,7 +18,7 @@ .mailpoet-grid-three-columns { display: grid; - grid-column-gap: $grid-gap; + grid-gap: $grid-gap; grid-template-columns: 1fr 1fr 1fr; @include respond-to(small-screen) { @@ -29,6 +29,7 @@ .mailpoet-grid-space-between { align-items: flex-start; display: flex; + flex-wrap: wrap; justify-content: space-between; }