Layout Grid Block

Description

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.

Source and Support

You can follow development, file an issue, suggest features, and view the source at the Github repo: https://github.com/automattic/block-experiments

Screenshots

  • Grid layout selector.
  • Three column grid with resize handles.

Blocks

This plugin provides 2 blocks.


  • Layout Grid Block

  • Layout Grid Block

Reviews

Awesome!

Michu
November 22, 2020
Very nice approach. Keep it up.

Very handy layout

janwyl
October 6, 2020
Started using this block layout on a WordPress.com site as it was just there by default, then when I realised it wasn’t available on my WordPress sites, I had to go get it. Very handy layout…