Ollie Theme Academy

Creating Layouts

Understanding the grid layout – B

https://videopress.com/v/UzVzF2W6?resizeToParent=true&cover=true&preloadContent=metadata&useAverageColor=true

Grid blocks support column span and row span controls on individual grid items, enabling complex layouts like featured content areas or asymmetrical designs. These controls appear on blocks placed within grid containers.

Column span makes items wider by spanning multiple columns, potentially pushing other items to new rows. Row span makes items taller, but only works when there are actual rows below the spanning item.

Responsive behavior with spanning items can create unexpected layouts on smaller screens. WordPress rearranges grid items to fit available space, which may differ from your desktop layout intentions.

Use minimum height settings to maintain row span effects when grid items rearrange responsively. This ensures visual consistency even when grid behavior changes across different viewport sizes.

Back to: Ollie Theme Academy > Creating Layouts