The Extra Block Layout plugin introduces a min-width setting and a flex-grow toggle for child blocks within Rows, giving you precise control over your layout\u2019s responsiveness and flexibility.
\nWith this plugin, you can define minimum widths for individual blocks and adjust the space they occupy, making it easier to create dynamic, responsive, and well-balanced designs directly within the Gutenberg editor.
\nPerfect for users looking to achieve professional and customizable layouts without additional coding.<\/p>\n
When you create a layout using the Gutenberg\u2019s Row block there are three options available for the Row\u2019s child blocks: Fit, Fill and Fixed. This plugin adds the ability to adjust your Gutenberg layouts by adding min-width and flex-grow options.<\/p>\n","protected":false},"author":65,"featured_media":412467,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Extra Block Options - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"This plugin adds the ability to adjust your Gutenberg layouts by adding min-width and flex-grow options."},"footnotes":""},"categories":[1],"tags":[745,28184,233,3079],"class_list":["post-412466","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-blocks","tag-flex","tag-gutenberg","tag-layout"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/412466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=412466"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/412466\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/412467"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=412466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=412466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=412466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nThose are not enough to create a responsive layout with specific blocks sizes.
\nFor example, when you have one of the child blocks too narrow and would like to have an option to set a minimal width for it (see Screenshot-1)<\/strong>.
\nWhen the child blocks don\u2019t have enough space to fit and moves on the line below it does not stretch to fit the whole available space on the new line (see Screenshot-2)<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"