Only use this feature when you cannot achieve what you require using CSS. This feature uses javascript to match the heights of elements that share a class or element type. You can often achieve the same result using CSS Flex properties. Using CSS will perform better than javascript.
You can match the heights of elements on the Layout canvas to create horizontally aligned layouts. Different elements have different match heights options. These are as follows:
The Row for columns element includes the option to match the heights of either nested Columns or direct child elements of those Columns. You can also target the level you want to apply the match heights to. The options include:
To match the heights of multiple elements or heavily nested elements, use Match height with class name.
'Container type' elements are elements that can contain child elements. These are not limited to containers, it also includes elements like Paragraph, Heading and Link. All of these elements share these match heights options:
'Non container type' elements are elements that cannot contain child elements. For example, the WYSIWYG element. All of these elements share these match heights options:
If this content did not answer your questions, try searching or contacting our support team for further assistance.
Wed Mar 26 2025 01:05:47 GMT+0000 (Coordinated Universal Time)