diff --git a/packages/block-library/src/post-template/editor.scss b/packages/block-library/src/post-template/editor.scss index 7b426b0f3d37a..ccf54a2d9a76a 100644 --- a/packages/block-library/src/post-template/editor.scss +++ b/packages/block-library/src/post-template/editor.scss @@ -4,4 +4,11 @@ margin-left: 0; list-style: none; } + + .wp-block-post-template { + .is-root-container { + padding-left: 0; + padding-right: 0; + } + } } diff --git a/packages/block-library/src/post-template/style.scss b/packages/block-library/src/post-template/style.scss index cc7a47ddf2b2a..373fab9a16761 100644 --- a/packages/block-library/src/post-template/style.scss +++ b/packages/block-library/src/post-template/style.scss @@ -19,24 +19,18 @@ flex-direction: row; display: flex; flex-wrap: wrap; - + gap: 1.25em; li { - margin: 0 0 1.25em 0; - width: 100%; + flex: 1; + min-width: 250px; + margin: 0; } - @include break-small { - li { - margin-right: 1.25em; - } - + @include break-xlarge { @for $i from 2 through 6 { &.is-flex-container.columns-#{ $i } > li { width: calc((100% / #{ $i }) - 1.25em + (1.25em / #{ $i })); - - &:nth-child( #{ $i }n ) { - margin-right: 0; - } + flex: none; } } }