Layout Grid – jetpack/layout-grid

Align blocks to to a global grid, with support for responsive breakpoints.

Use the Layout grid block to align blocks to a grid.

Screenshot

Example

Column 1 – Offset 0 – Span 6

Column 2 – Offset 1 – Span 5


Notes

  • The Layout Grid block consists of Column – jetpack/layout-grid-column blocks.
  • Each Layout Grid block can have between 1 and 4 columns.
  • Choose the Responsive Breakpoints for: Desktop, Tablet and Mobile.
  • Set the Offset and Span for each Column in the grid.
  • The total grid width is 12 sections.