Lesson - Designing with Row and Stack Blocks

[westnz]

Topic Description

The Row block and the Stack block are a design block type that allows you to insert multiple blocks in a row (or column with the Stack block) and space them out evenly. You can use the Row or Stack block to create separators or add various elements on the same line as if included in columns.

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc.

• [ ]

Guidelines

Review the team guidelines

Tutorial Development Checklist

• Vetted by instructional designers for content idea
• Provide feedback of the idea
• Gather links to Support and Developer Docs
• Review any related material on Learn
• Define several SEO keywords to use in the article and where they should be prominently used
• Description and Objectives finalized
• Tutorial created and announced to the team for Q/A review
• Tutorial reviewed and ready to publish
• Tutorial submitted and published to WPTV
• Tutorial published on WPTV
• Tutorial captioned
• Tutorial created on Learn.WordPress.org
• Tutorial post reviewed for grammar, spelling, etc.
• Tutorial published on Learn.WordPress.org
• Tutorial announced to Marketing Team for promotion

[westnz]

Using.row.and.stack.blocks.mp4

[quitevisible]

Good one @westnz . I liked the section where you show how the row/stack blocks work within columns. I thought it was a great way to demonstrate how they are different, but also how they can be used together. I felt the animated transition slides kept the mood light. Nicely done 👍

[westnz]

Thank you so much, @quitevisible. I appreciate your feedback.

[lada7042]

@westnz Great job on the tutorial. It has a lot of useful information. I struggled with my pricing columns lining up right and this would have helped. The speed was good.

[westnz]

Thank you! @lada7042

[bsanevans]

@westnz As we've had two reviews, feel free to publish this tutorial 👍

[westnz]

I plan to publish this at the start of July. Thank you, Ben.

[westnz]

Published: https://learn.wordpress.org/tutorial/designing-with-row-and-stack-blocks/

[courtneyr-dev]

Update to include Grid block as well. Differentiate between all 3. 6.3
WordPress/gutenberg#49018

[westnz]

I think the Grid block should rather form part of the Query Loop block tutorial?

[westnz]

Updated for the Intermediate user learning pathway.

[westnz]

//publish