Designing with Row and Stack blocks

Using the Group block is one of the cornerstones of mastering the WordPress block editor. When you select a Group block, you have variations, the standard group, rows, stacks, and grids. This lesson will examine using rows and stacks to achieve various designs.
---
View this video and others on WordPress.TV: wordpress.tv/2024/05/02/desig...
00:00 Group block
00:31 Using the Row block
3:11 Building a header
5:51 Using the Stack block
Presenter: Wes Theron

[@as-1982]

Good info.

[@sarlacaps]

Hello, thanks for your vidéos! For this vidéo I see when you create a block the choice of a grid block. Do you know why I don't have that suggestion ? I'm using WordPress Current version: 6.5.3. The only suggestions that I have are the standard group block, the row block and the stack block. Thanks for your help.

[@westheron8543]

Hi @sarlacaps. I believe I had the Gutenberg plugin installed.

[@tomcha75]

In the last example, why do you have stack nestled in a parent stack instead of just having all the elements in just the first stack? This is what I'm having difficulty understanding. When I look at examples of patterns or templates done by others, I see group inside groups, stacks inside stacks, etc...

[@westheron8543]

It is important to note there are usually multiple ways of achieving the same outcome in the block editor. In this example, I stacked the Heading and Paragraph together because when I selected 'Space Between,' the Heading and the Paragraph stayed together, and the Buttons block was pushed to the bottom. If we had all three elements in the first stack and selected 'Space Between,' the Heading would have gone to the top, the Paragraph to the middle, and the Buttons block to the bottom. Hope that clarifies it.