How to get blocks with same heigh in columns?

Finally, I found a solution with flex attributes:

I defined the following CSS rules :

.flexColumn {
    display: flex;
    flex-direction: column;
    align-self: auto !important;
}

.flexItem {
    flex-grow: 1 !important;
}

I can now apply flexColumn to the columns and flexItem to the items that I want to grow to fill the empty space:

enter image description here

For some items I also need to deal with top/bottom margins (margin-top:0)

Related Posts:

  1. Why is the new Gutenberg editor so narrow, and how to make it wider?
  2. Is it possible to create column width presets in Gutenberg?
  3. How to make 2/3 width column in Gutenberg
  4. Create a trailing block with programatically generated Gutenberg columns
  5. Add To Gutenberg Sidebar
  6. How to detect the usage of Gutenberg
  7. Possible to use @wordpress/create-block with multiple blocks?
  8. What is the advantage of ‘register_block_type’ (the PHP function) when creating custom blocks?
  9. The Block Editor: Disable “Color settings” in the specific block
  10. What replaces wpColorPicker in Gutenberg?
  11. Gutenberg Range Control default from meta value
  12. Find all the places where a block type is used
  13. WP Blocks – Gutenberg – not rendering $content
  14. Why does the custom HTML block not preserve the HTML characters?
  15. Can’t get dynamic Gutenberg block to render on the frontend
  16. Gutenberg change/remove “Write your story” placeholder in custom blocks
  17. How do I listen for a change in an innerBlock child?
  18. How to enable Gutenberg Block Editor on taxonomy term pages?
  19. What’s the absolute minimum code that I need to create a dynamic block?
  20. Change default colors in paragraph block settings
  21. Gutenberg Reusable Block of WordPress
  22. Add custom attributes to link in Gutenberg
  23. How do I add a Gutenberg editor to a custom options page
  24. Custom Gutenberg Block: Excluding an allowed block from InnerBlock’s templateLock={‘all’}
  25. Determine if block has already been registered
  26. InnerBlocks breaks Flexbox and CSS Grid styles
  27. Is there a way to set the gutenberg color palette outside the theme?
  28. Gutenberg get withState variable in save function
  29. Gutenberg block JavaScript localisation on Polyglots does not work
  30. how define elements type in attributes type array of gutenberg blocks
  31. Convert GMT time to local time in Gutenberg Block Editor
  32. Restrict heading level in Gutenberg block `core/heading`
  33. How do I disable or hide the Layout block setting in the Group block
  34. Cleaning up after block dismount
  35. I cant see Block Editor with v5.7
  36. How to update block attribute after format is applied?
  37. How to add a class to the link of the default Gutenberg Button block?
  38. How to identify what templates are being loaded in a block-based theme [closed]
  39. Check if current page is using blocks (Gutenberg) or is legacy
  40. Add support for ‘alignnone’ to Gutenberg block align controls?
  41. How do I replace a audio gutenberg block to native audio wordpress
  42. Converting a theme to Gutenberg but some styles are missing in the front end [closed]
  43. React useEffect not work in frontend gutenberg blocks
  44. Gutenberg Block language translation does not work
  45. How to generate block ID for use in post_content JSON data
  46. Where in a WordPress installation is the code for the default Gutenberg blocks located? [duplicate]
  47. Display selected image in the MediaPlaceholder component
  48. ACF and Gutenberg block, how to use blocks without ?
  49. Submitting a block to the .org repo: do I submit compiled code, or source code? [closed]
  50. Using 2 HTML blocks in Gutenberg to wrap content with div
  51. Add button to Block toolbar: toggleFormat is undefined
  52. What is the name of the user capability to read a reusable block?
  53. Gutenberg – Prevent Column Nesting in the Visual Editor
  54. How to remove whitespaces from source of posts created through WordPress Gutenberg editor
  55. Gutenberg blocks (block editor) with get_the_excerpt and get_the_content, using ACF
  56. Gutenburg: Remove border of selected block
  57. Sort Posts by Sticky then by Latest date using the Latest Posts Block
  58. Unwanted white space next to inputs added within `PluginDocumentSettingPanel` using “
  59. apiFetch() returns infinite requests
  60. ToolbarDropdownMenu component missing from @wordpress/scripts package
  61. Gutenberg Custom Block Not Validating – Ideas?
  62. Gutenberg dynamic block render_callback gives null for $post
  63. Editing HTML structure of Gutenberg layout recent post?
  64. How to add srcdoc attribute to YouTube oEmbed in Gutenberg oEmbed Block
  65. Pass props / function to InnerBlocks
  66. Categories in Gutenberg
  67. Block editor: content resets to the previous state in “Edit as HTML” by clicking somewhere outside of the editing window
  68. Possible to add the title of a custom gutenberg block to the edit screen?
  69. Post Format Link using Guttenberg
  70. How do I hide the UI for specific Gutenberg Blocks?
  71. Creating a Dynamic InnerBlock that updates depending on state
  72. Resizing images on page
  73. When to use removeEditorPanel()
  74. Error After Installing Gutenberg plugin (caused by attempt to stop WP from stripping out tags)
  75. Block validation failed – escaped HTML in content save
  76. Add media dynamically on gutenberg block
  77. FormTokenField passing objects to value property
  78. Trying to save an object into post meta with wp.data.dispatch(‘core/editor’).editpost
  79. Core Block Columns Attributes for Innerblocks Template
  80. Gutenberg: Issue trying to commit locally
  81. How to display dynamic block editor on front-end?
  82. Enable varying text for Phone, Tablet and Desktop
  83. Debouncing Input value with block attributes
  84. Using the block theme in production
  85. When using the MediaPlaceholder component, will skipping blobUrl handling break something?
  86. Pass component name in onChange [closed]
  87. Add another option to default link control settings panel?
  88. With full-site-editing menus, how do I create a non-linking top-level menu item with linking sub-pages
  89. How can I render a built-in Gutenberg block with InnerBlocks outside of the block editor?
  90. How do I add filters in Twenty-Twenty-Three without a functions.php?
  91. Different style options for the same block depending where it is used
  92. How to extract ‘intro’ block from page content, but later strip from page main content
  93. Add a new option to Social Link block
  94. Editing Inline fonts/typeface using the block editor
  95. What is the proper way of using React Hooks in Gutenberg on frontend?
  96. How to add Gutenberg editor on frontend page?
  97. WordPress gutenberg block serverside rendering html elements not showing up
  98. Gutenberg: change block Components Popover properties
  99. Unable to register a block using block.json in Block Editor
  100. $attributes not defined in block.json PHP template for ACF blocks
tech