Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Correct grid spacing on small screens

Browse Source 
[MAILPOET-2784]
This commit is contained in:
Ján Mikláš
2020-06-24 13:15:08 +02:00
committed by Veljko V
parent a0ea1c27a8
commit 8e01518462
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/src/generic/_grid.scss
View File

@@ -8,7 +8,7 @@
.mailpoet-grid-two-columns { .mailpoet-grid-two-columns {
display: grid; display: grid;
grid-column-gap: $grid-gap; grid-gap: $grid-gap;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@include respond-to(small-screen) { @include respond-to(small-screen) {
@@ -18,7 +18,7 @@
.mailpoet-grid-three-columns { .mailpoet-grid-three-columns {
display: grid; display: grid;
grid-column-gap: $grid-gap; grid-gap: $grid-gap;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
@include respond-to(small-screen) { @include respond-to(small-screen) {
@@ -29,6 +29,7 @@
.mailpoet-grid-space-between { .mailpoet-grid-space-between {
align-items: flex-start; align-items: flex-start;
display: flex; display: flex;
flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
} }