Skip to main content
All CollectionsCustomize Your SiteMaster the Block Editor
How can I get a group of blocks to be the same height in the Block Editor?
How can I get a group of blocks to be the same height in the Block Editor?

For each block in the Block Editor, there are many settings to choose from to get it just right, so learn more about your options below.

Christina Butler avatar
Written by Christina Butler
Updated over 3 months ago

For each Block that you add in the WordPress-powered Block Editor tool that is available in your Community pages, Pages, Resources, Blogs, and Experiences, you have many settings to choose from to adjust your Block accordingly. However, you may be run into sizing issues in attempting to ensure all of your Blocks are the same size, so let's review some tips on how to ensure this happens!

Step One: Use the Column Block with the number of desired columns to create your initial Block

First, add a new Column Block and adjust the number of columns you'd like based on how many Blocks you are adding. In the below screenshot, this Column Block has 3 columns. You can adjust the number of columns at any time by clicking on the Column Block and then editing the "Block" settings on the right-side panel menu.

Step Two: Within this Column Block, add a Group Block and then your subsequent Blocks within the Group

In the screenshot below, the Group Block contains a Heading and List Block, but you can add whatever Blocks you'd like within the Group.

Step Three: Set the minimum height for your Group Block

For the Group Block specifically, set a minimum height and then use the same minimum height across all of your Group Blocks within the other Column Blocks. To do this, click on your Group Block under the "Document Overview" section on the left.

Then in the right panel menu that appears, click on the two-tone circle icon to open up the "Styles" settings.

Next, scroll down to the "Dimensions" section, which contains "Minimum Height." You'll have to experiment with the height that will be right for your Block so it may take some trial and error by adding in a minimum height, clicking "Update" in the top right corner, viewing the page on the front-end to see if how the height looks, and repeating these steps as necessary until you get the height you want.

Remember: Make sure to use the same minimum height for ALL your Group Blocks if you want them to all be the same size!

Example of Blocks that are all the same height:

Example of Blocks that are not the same height:

If you're still having trouble with Block height within the Block Editor, please feel free to reach out to our support team here and we're happy to help!

Did this answer your question?