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.