No video data is loaded until you press Play or choose a chapter.
A technical 2024 talk with demonstrations of default, constrained, flex and grid layouts in the block editor. It is useful for understanding containers, widths and spacing. The final section previews experimental features as they existed in 2024; test equivalent controls on a practice site before relying on them.
Places to begin.
A small exercise.
Step 01
A few familiar pieces
Make a practice page with a heading, paragraph, three small cards and a footer. Use your own text and images.
Step 02
Compare two arrangements
Place the cards in a vertical stack and then in a row. Check the reading order and what happens when the screen narrows.
Step 03
Give the words room
Try a constrained text column inside a wider container. Adjust the gap between blocks before adding decoration.
Step 04
Test the smallest view
Review the page at phone width and with longer headings. Keep the arrangement that adapts without clipping or awkward gaps.
Keep a copy.
You can download the MP4 · 52.6 MB to watch offline in your own player.
Source, date, and licence
Layouts in the Block Editor: How They Work and What’s Next
Isabel Brison; WordCamp Sydney / WordPress.tv · 2024 · Australia.
Publisher’s page · Original recording · CC BY-SA 4.0.
This copy has been re-encoded at up to 360p with reduced frame rate and mono audio. The lesson content has not been cut or rearranged. The recording retains its publisher’s licence; referenced artwork and character designs retain the terms identified in the component credits. The collection name is local to this library.