Put a frame around the whole grid:
Put a frame around every element:
Draw all the frames in red:
Put a frame around the first row and column:
Draw different frames with different styles:
Put dividers at all horizontal positions:
Put dividers at all vertical positions:
Put dividers at the third horizontal and second vertical positions:
Make element 4 span the column to its right:
Make it span two columns:
Make element 2 span the row below it:
Make it span two rows:
Span throughout a 2×2 block:
Align contents to the left:
Align contents to the right:
Draw the grid with a pink background:
A pink background for the column at the first horizontal position:
Alternating pink and yellow at successive vertical positions:
Alternating pink and yellow at successive horizontal positions:
Embed styling options with a particular grid item:
Set the spacing between items:
Set the horizontal and vertical spacings separately:
The overall aspect ratio is automatically adjusted for irregular shapes:
Grids can be nested: