{"id":3270,"date":"2025-02-14T09:41:14","date_gmt":"2025-02-14T09:41:14","guid":{"rendered":"https:\/\/s-o-s.net\/layout-grid-block\/"},"modified":"2025-02-14T09:41:14","modified_gmt":"2025-02-14T09:41:14","slug":"layout-grid-block","status":"publish","type":"post","link":"https:\/\/s-o-s.net\/en_gb\/layout-grid-block\/","title":{"rendered":"Layout Grid Block"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<article id=\"post-112261\" class=\"alignwide post-112261 plugin type-plugin status-publish hentry plugin_section-block plugin_section-blocks plugin_tags-block plugin_tags-blocks plugin_tags-design plugin_tags-grid plugin_tags-layout plugin_contributors-automattic plugin_contributors-johnny5 plugin_contributors-mkaz plugin_committers-automattic plugin_committers-dsas plugin_committers-johnny5\">\n<div class=\"plugin-banner\" id=\"plugin-banner-layout-grid\"><\/div>\n<header class=\"plugin-header\">\n<div class=\"plugin-notice notice notice-warning notice-alt\">\n<p>This plugin <strong>hasn\u0092t been tested with the latest 3 major releases of WordPress<\/strong>. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.<\/p>\n<\/div>\n<p><!-- .plugin-notice -->\t\t<\/p>\n<div class=\"entry-heading-container\">\n<div>\n<div class=\"entry-thumbnail\">\n\t\t\t\t\t<img decoding=\"async\" class=\"plugin-icon\" srcset=\"https:\/\/ps.w.org\/layout-grid\/assets\/icon-128x128.png?rev=2187975, https:\/\/ps.w.org\/layout-grid\/assets\/icon-256x256.png?rev=2187977 2x\" src=\"https:\/\/ps.w.org\/layout-grid\/assets\/icon-256x256.png?rev=2187977\" alt=\"\">\t\t\t\t<\/div>\n<div>\n<h1 class=\"plugin-title\">Layout Grid Block<\/h1>\n<p>\t\t\t\t\t<span class=\"byline\">By <span class=\"author vcard\"><a target=\"_blank\" class=\"url fn n\" href=\"https:\/\/profiles.wordpress.org\/automattic\/\" rel=\"noopener\">Automattic<\/a><\/span><\/span>\n\t\t\t\t<\/div>\n<\/p><\/div>\n<div class=\"plugin-actions\">\n<div class=\"wp-block-button is-small plugin-download download-button\"><a target=\"_blank\" class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/layout-grid.zip\" rel=\"noopener\">Download<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- .entry-header --><\/p>\n<p>\t<span id=\"description\"><\/span><br \/>\n\t<span id=\"reviews\"><\/span><br \/>\n\t<span id=\"installation\"><\/span><br \/>\n\t<span id=\"developers\"><\/span><br \/>\n\t<span id=\"advanced\" class=\"\"><\/span><br \/>\n\t<span id=\"section-links\"><\/p>\n<ul class=\"tabs clear\">\n<li id=\"tablink-description\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/layout-grid\/#description\" rel=\"noopener\">Details<\/a><\/li>\n<li id=\"tablink-reviews\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/layout-grid\/#reviews\" rel=\"noopener\">Reviews<\/a><\/li>\n<li id=\"tablink-developers\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/layout-grid\/#developers\" rel=\"noopener\">Development<\/a><\/li>\n<\/ul>\n<div id=\"link-support\">\n\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/layout-grid\/\" rel=\"noopener\">Support<\/a>\n\t\t<\/div>\n<p>\t<\/span><br \/>\n\t<script type=\"text\/javascript\">if ( '#changelog' == window.location.hash ) { window.setTimeout( function() { window.location.hash=\"#developers\"; }, 10 ); }<\/script><\/p>\n<div class=\"entry-content\">\n<div id=\"tab-description\" class=\"plugin-description section\">\n<h2 id=\"description-header\">Description<\/h2>\n<p>Want to create a column-based layout with easily customizable column-width and positions? Or perhaps you want to align your content to a global layout grid across your post. With this Layout Grid block you can do both or either. There are also options to provide specific layouts to mobile or tablet breakpoints. Pick a number of columns (1-4), then go ahead and resize and position each column as you want them to look, for any screen. Optionally apply background colours and paddings to add emphasis.<\/p>\n<h3>Source and Support<\/h3>\n<p>You can follow development, file an issue, suggest features, and view the source at the Github repo: <a target=\"_blank\" href=\"https:\/\/github.com\/automattic\/block-experiments\" rel=\"nofollow ugc noopener\">https:\/\/github.com\/automattic\/block-experiments<\/a><\/p>\n<\/div>\n<div id=\"screenshots\" class=\"plugin-screenshots section\">\n<h2 id=\"screenshots-header\">Screenshots<\/h2>\n<ul class=\"plugin-screenshots\">\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/layout-grid\/assets\/screenshot-1.png?rev=2187975\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/layout-grid\/assets\/screenshot-1.png?rev=2187975\" alt=\"\"><\/a><figcaption>Grid layout selector.<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/layout-grid\/assets\/screenshot-2.png?rev=2187975\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/layout-grid\/assets\/screenshot-2.png?rev=2187975\" alt=\"\"><\/a><figcaption>Three column grid with resize handles.<\/figcaption><\/figure>\n<\/li>\n<\/ul>\n<\/div>\n<div id=\"blocks\" class=\"plugin-blocks section\">\n<h2 id=\"blocks-header\">Blocks<\/h2>\n<p>This plugin provides 1 block.<\/p>\n<ul class=\"plugin-blocks-list\">\n<li class=\"plugin-blocks-list-item has-description\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Layout Grid<\/span><br \/>\n\t\t\t\t\t\t\t\t\t<span class=\"block-description\">A Gutenberg container block to let you align items consistently across a global grid.<br \/>\n\t\t\t\t\t\t\t<\/span><\/li>\n<\/ul>\n<\/div>\n<div id=\"tab-reviews\" class=\"plugin-reviews section\">\n<h2 id=\"reviews-header\">Reviews<\/h2>\n<div class=\"plugin-reviews\">\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/d94bdc8e970ce9c05a299f54838f522dafcf3d9379cfbea2ca2c848497bb6732?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/d94bdc8e970ce9c05a299f54838f522dafcf3d9379cfbea2ca2c848497bb6732?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/great-block\/\" rel=\"noopener\">Great block!<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/leemon\/\" title=\"Posts by leemon\" rel=\"author noopener\">leemon<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">April 5, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Great block that allows placing and resizing blocks in a more flexible way than the regular columns block. I hope it is continually supported.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/7646e4e9036ca8fcd85e18942d779ee7dd97ad7c2d218a651fc1a1d30b027b32?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/7646e4e9036ca8fcd85e18942d779ee7dd97ad7c2d218a651fc1a1d30b027b32?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/so-helpful-grid\/\" rel=\"noopener\">So helpful grid<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/boibox\/\" title=\"Posts by boibox\" rel=\"author noopener\">boibox<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">December 26, 2023<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">This is very helpful grid too. Thank you!<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/69715d60af5bb1ac6979a5288bc99a5ba005664ad89e18202813439056ffb51c?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/69715d60af5bb1ac6979a5288bc99a5ba005664ad89e18202813439056ffb51c?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"1 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"1\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/heavy-expensive-terrible-framework-design-and-very-limited-features\/\" rel=\"noopener\">Heavy, expensive, terrible framework design, and very limited features!!!!!<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/neoswf\/\" title=\"Posts by neoswf\" rel=\"author noopener\">neoswf<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">July 25, 2023<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Test your site with this plugin and without it, on lighthouse.<\/p>\n<p>it costs between like 5-6 points, on mobile!!!!! It loads 45K of unused classes!!!!!!! 45K gzipped, and 186unzipped. No idea how come a company like Automattic can release a feature so funfumental, written so bad like that.<\/p><\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/773ac53bd698849a95cabd96f462f7708afc67ffd987cbaf0ec54ad0224061ea?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/773ac53bd698849a95cabd96f462f7708afc67ffd987cbaf0ec54ad0224061ea?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/pretty-great-keeping-my-eye-on-this-one\/\" rel=\"noopener\">Pretty great \u2013 keeping my eye on this one<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/frdmsun\/\" title=\"Posts by Sunny\" rel=\"author noopener\">Sunny<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">June 2, 2023<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Pretty great \u2013 keeping my eye on this one. Looking forward to seeing how it evolves.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/177c95a03b6c2a33b28dd95a0b265063f30b7ccbcdb568aa9713476c976f12d4?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/177c95a03b6c2a33b28dd95a0b265063f30b7ccbcdb568aa9713476c976f12d4?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/a-more-flexible-replacement-for-the-standard-columns-block\/\" rel=\"noopener\">A more flexible replacement for the standard columns block<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/rickcurran\/\" title=\"Posts by Rick Curran\" rel=\"author noopener\">Rick Curran<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">February 8, 2023<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">The is a more flexible replacement for the standard columns block. If you\u2019ve ever battled with the standard columns to make multi-column components that adapted at mobile, tablet and desktop then I would definitely recommend this block.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/bd32528bc2e1ce9a9b98a700015932ad83a90d1863192d4bd81fd2540f832e95?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/bd32528bc2e1ce9a9b98a700015932ad83a90d1863192d4bd81fd2540f832e95?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/good-plugin-6294\/\" rel=\"noopener\">Good Plugin<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/alwayshits\/\" title=\"Posts by Hitesh\" rel=\"author noopener\">Hitesh<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">February 7, 2023<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Nice to use and apply on website.<\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>\t\t<a target=\"_blank\" class=\"reviews-link\" href=\"https:\/\/wordpress.org\/support\/plugin\/layout-grid\/reviews\/\" rel=\"noopener\"><br \/>\n\t\t\tRead all 13 reviews\t\t<\/a><\/div>\n<div id=\"tab-developers\" class=\"plugin-developers section\">\n<h2 id=\"developers-header\">Contributors &amp; Developers<\/h2>\n<div class=\"plugin-contributors\">\n<p>\u201cLayout Grid Block\u201d is open source software. The following people have contributed to this plugin.<\/p>\n<p><span class=\"screen-reader-text\">Contributors<\/span><\/p>\n<ul id=\"contributors-list\" class=\"contributors-list\">\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/73edc627541112a447e978843cf72f516bdbf6350e7cbac10016c71ab1b8c8a1?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/73edc627541112a447e978843cf72f516bdbf6350e7cbac10016c71ab1b8c8a1?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/automattic\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tAutomattic\t\t\t\t<\/a>\n\t\t\t<\/li>\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/489200106549666999cfd2e767e114a5700085fed374629275bc5b62172047e0?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/489200106549666999cfd2e767e114a5700085fed374629275bc5b62172047e0?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/johnny5\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tJohn Godley\t\t\t\t<\/a>\n\t\t\t<\/li>\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/87bd845f7aec3a8e7467df8c2b7750753791c28bf50294f23765cd1f3f3020c1?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/87bd845f7aec3a8e7467df8c2b7750753791c28bf50294f23765cd1f3f3020c1?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/mkaz\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tMarcus Kazmierczak\t\t\t\t<\/a>\n\t\t\t<\/li>\n<\/ul><\/div>\n<div class=\"plugin-development\">\n<p>\u201cLayout Grid Block\u201d has been translated into 21 locales. Thank you to <a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/layout-grid\/contributors\" rel=\"noopener\">the translators<\/a> for their contributions.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/layout-grid\" rel=\"noopener\">Translate \u201cLayout Grid Block\u201d into your language.<\/a><\/p>\n<h3>Interested in development?<\/h3>\n<p><a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/browser\/layout-grid\/\" rel=\"noopener\" class=\"broken_link\">Browse the code<\/a>, check out the <a target=\"_blank\" href=\"https:\/\/plugins.svn.wordpress.org\/layout-grid\/\" rel=\"noopener\">SVN repository<\/a>, or subscribe to the <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/layout-grid\/\" rel=\"noopener\" class=\"broken_link\">development log<\/a> by <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/layout-grid\/?limit=100&amp;mode=stop_on_copy&amp;format=rss\" rel=\"noopener\" class=\"broken_link\">RSS<\/a>.<\/p>\n<\/div>\n<\/div>\n<div id=\"tab-changelog\" class=\"plugin-changelog section\">\n<h2 id=\"changelog-header\">Changelog<\/h2>\n<h4>1.8.4 \u2013 11th July 2023<\/h4>\n<ul>\n<li>Fix error in editor with icons<\/li>\n<\/ul>\n<h4>1.8.3 \u2013 16th May 2023<\/h4>\n<ul>\n<li>Fix crash in site editor<\/li>\n<\/ul>\n<h4>1.8.2 \u2013 16th June 2022<\/h4>\n<ul>\n<li>Update device preview handling to be more consistent<\/li>\n<\/ul>\n<h4>1.8.1 \u2013 18th March 2022<\/h4>\n<ul>\n<li>Change layout grid to not be fullwide by default<\/li>\n<\/ul>\n<h4>1.8 \u2013 25th January 2022<\/h4>\n<ul>\n<li>General updates for recent Gutenbergs<\/li>\n<\/ul>\n<h4>1.7.2 \u2013 19th November 2021<\/h4>\n<ul>\n<li>Prefer site editor viewport settings when changing the preview device type<\/li>\n<\/ul>\n<h4>1.7.1 \u2013 11th November 2021<\/h4>\n<ul>\n<li>Show block in excerpts<\/li>\n<\/ul>\n<h4>1.7 \u2013 19th July 2021<\/h4>\n<ul>\n<li>Add initial support for WordPress mobile app<\/li>\n<li>Fix incorrect behaviour of drag handles in Safari<\/li>\n<li>Fix sticky block styles<\/li>\n<li>Fix image right alignment<\/li>\n<\/ul>\n<h4>1.6 \u2013 26th March 2021<\/h4>\n<ul>\n<li>Remove deprecated Gutenberg functions<\/li>\n<li>Restore hyphenation behaviour to 1.3 \u2013 it caused too many issues<\/li>\n<li>Remove Firefox fix in 1.2.4 which no longer seems to be needed and causes other issues<\/li>\n<li>Merge front.css into style.css<\/li>\n<li>Force grid preview to be desktop mode, to improve appearance in pattern inserter<\/li>\n<\/ul>\n<h4>1.5 \u2013 8th February 2021<\/h4>\n<ul>\n<li>Improve editor responsive behaviour on smaller devices<\/li>\n<li>Bump minimum WordPress version to 5.6<\/li>\n<\/ul>\n<h4>1.4 \u2013 15th January 2021<\/h4>\n<ul>\n<li>Use hyphenation for text inside a grid column<\/li>\n<li>Add missing <code>has-background<\/code> for columns with a custom background colour<\/li>\n<li>Fix CSS for use in full site editor<\/li>\n<\/ul>\n<h4>1.3 \u2013 21st July 2020<\/h4>\n<ul>\n<li>Add vertical alignment to grid and grid columns<\/li>\n<li>Mirror grid device breakpoint with editor preview breakpoint (requires WP 5.5 or Gutenberg plugin)<\/li>\n<li>Bump minimum WordPress version to 5.5<\/li>\n<\/ul>\n<h4>1.2.4 \u2013 14th July 2020<\/h4>\n<ul>\n<li>Fix some blocks breaking outside of the grid in Firefox<\/li>\n<li>Fix editor margins for some themes<\/li>\n<\/ul>\n<h4>1.2.3 \u2013 29th June 2020<\/h4>\n<ul>\n<li>Fix some styles not loading in the editor<\/li>\n<\/ul>\n<h4>1.2.2 \u2013 23rd June 2020<\/h4>\n<ul>\n<li>Fix the CSS loading fix from 1.2.1 so it uses wp_register_style<\/li>\n<\/ul>\n<h4>1.2.1 \u2013 10th June 2020<\/h4>\n<ul>\n<li>Fix block inserter to show inside a grid column<\/li>\n<li>Fix vertical margin in editor so it better matches the display<\/li>\n<li>Fix CSS loading so it is only added when block is used<\/li>\n<li>Fix grid lines appearing when inner block is selected<\/li>\n<\/ul>\n<h4>1.2 \u2013 29th April 2020<\/h4>\n<ul>\n<li>Move the selected breakpoint to the toolbar and allow it to be toggled<\/li>\n<li>Bump minimum WordPress version to 5.4<\/li>\n<li>Improve drag handle behaviour<\/li>\n<li>Fix multi-select inside grid blocks<\/li>\n<li>Fix output of grid front-end CSS<\/li>\n<li>Fix issue with sizing being off when full-wide<\/li>\n<li>Fix old classes being added when column layout changes<\/li>\n<\/ul>\n<h4>1.1 \u2013 10th March 2020<\/h4>\n<ul>\n<li>Add option to disable start and end gutters for full-bleed layout<\/li>\n<li>Add option to control gutter size<\/li>\n<li>Fix a Firefox 100% height bug when multiple blocks are inside one column<\/li>\n<li>Improve IE11 support<\/li>\n<\/ul>\n<h4>1.0.5 \u2013 28th January 2020<\/h4>\n<ul>\n<li>Fix editor layout issues with themes that don\u2019t support Gutenberg<\/li>\n<\/ul>\n<h4>1.0.4 \u2013 21st January 2020<\/h4>\n<ul>\n<li>Fix layout issues with Gutenberg 7.3<\/li>\n<\/ul>\n<h4>1.0.3 \u2013 12th December 2019<\/h4>\n<ul>\n<li>Fix grid values being ignored in the 7.1.0 editor<\/li>\n<li>Fix cropping of grid when inside a group block<\/li>\n<\/ul>\n<h4>1.0.2 \u2013 28th November 2019<\/h4>\n<ul>\n<li>Fix a bug with duplicate column spans<\/li>\n<\/ul>\n<h4>1.0.1 \u2013 26th November 2019<\/h4>\n<ul>\n<li>Fix problem with edit history putting the block into an inbetween state<\/li>\n<li>Fix cropping of the grid in the editor<\/li>\n<\/ul>\n<h4>1.0 \u2013 7th November 2019<\/h4>\n<ul>\n<li>Initial release<\/li>\n<\/ul>\n<\/div><\/div>\n<p><!-- .entry-content --><\/p>\n<p>\t<!-- .entry-meta --><br \/>\n<\/article>\n<p><br \/>\n<br \/><a href=\"https:\/\/wordpress.org\/plugins\/layout-grid\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This plugin hasn\u0092t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Layout Grid Block By Automattic Download Details Reviews Development Support Description Want to create a column-based layout with easily customizable column-width [&hellip;]<\/p>","protected":false},"author":12,"featured_media":3271,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"categories":[42,39,40],"tags":[2207,2221,2220],"class_list":["post-3270","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-block-plugin","category-lite-version","category-wp-plugin-solution","tag-block","tag-grid","tag-layout"],"acf":[],"fifu_image_url":"https:\/\/ps.w.org\/layout-grid\/assets\/banner-772x250.png?rev=2187975","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/3270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=3270"}],"version-history":[{"count":0,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/3270\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/3271"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=3270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/categories?post=3270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/tags?post=3270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}