Adjust mobile margins for the Query block's grid view (#27619)

WordPress · Dec 10, 2020 · 8f257d1 · 8f257d1
1 parent a110765
commit 8f257d1
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/block-library/src/query-loop/style.scss b/packages/block-library/src/query-loop/style.scss
@@ -13,11 +13,15 @@
 		flex-wrap: wrap;
 
 		li {
-			margin: 0 1.25em 1.25em 0;
+			margin: 0 0 1.25em 0;
 			width: 100%;
 		}
 
 		@include break-small {
+			li {
+				margin-right: 1.25em;
+			}
+
 			@for $i from 2 through 6 {
 				&.is-flex-container.columns-#{ $i } > li {
 					width: calc((100% / #{ $i }) - 1.25em + (1.25em / #{ $i }));