Fix responsivity of min size

WordPress · Mar 22, 2023 · 52bfcc7 · 52bfcc7
1 parent 7bb10f9
commit 52bfcc7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/lib/block-supports/layout.php b/lib/block-supports/layout.php
@@ -285,7 +285,7 @@ function gutenberg_get_layout_style( $selector, $layout, $has_block_gap_support
 
 			$layout_styles[] = array(
 				'selector'     => $selector,
-				'declarations' => array( 'grid-template-columns' => 'repeat(auto-fill, minmax(' . $minimum_column_width . ', 1fr))' ),
+				'declarations' => array( 'grid-template-columns' => 'repeat(auto-fill, minmax(min(' . $minimum_column_width . ', 100%), 1fr))' ),
 			);
 
 		if ( $has_block_gap_support && isset( $gap_value ) ) {

diff --git a/packages/block-editor/src/layouts/grid.js b/packages/block-editor/src/layouts/grid.js
@@ -68,7 +68,7 @@ export default {
 
 		if ( minimumColumnWidth ) {
 			rules.push(
-				`grid-template-columns: repeat(auto-fill, minmax(${ minimumColumnWidth }, 1fr))`
+				`grid-template-columns: repeat(auto-fill, minmax(min(${ minimumColumnWidth }, 100%), 1fr))`
 			);
 		}