Sometimes, we need each Column to be the same height, regardless of the content of each Column.
Let's have a look at this example:
In this layout, we have three text modules. Each text module has a different background color, and the content in each text module is different.
This creates an uneven height for each text module. The purpose of this guide is to have each Column have the same height.
Adjust the Layout and enable the Equalize Columns Height option
Edit each module and remove the background color
Edit the Row's settings
Edit each Column, and set the previous background colors that were set on each module
Go back to the Row's settings
Click on the Design Tab
Expand the Sizing option group
Enable the Equalize Column Heights option
The result will be:
Pro Tips:
The height of the Column refers to the Column itself and not to the content inside a column.
Suppose the Modules inside each Column contain other properties, like Box Shadow, Border Radius, etc. In that case, those properties need to be reset on the Module's level and applied to the Column itself.