- Vertical Align. Columns within a single row can now be aligned along a vertical axis. This feature helps users design rows with unevenly sized columns.
Description of Changes
This feature is available for all builders on all plans.
The Vertical Align property improves the readability and layout of the content displayed. It controls how elements are lined up when set next to each other.
Users now have more control over the arrangement of elements in multi-column designs, which results in an improved user experience. Vertical Align eliminates the need for workarounds when content is unevenly distributed in rows.
Users may select from top, middle, or bottom alignment options to align the content in any row containing two or more columns.
Reason for Change
Take the example of a two-column row. In one column, there is an image, and in the other column, there is text Often, the content in each row will have different heights. This may cause unwanted space below the column with less content.
The entire row will always inherit the height of the taller column. If the image is not as tall as the text in the other column, the text content will take up the entire height of the row. However, the image sits near the top of the row with a lot of white space beneath it. This is because, previously, all content was top-aligned by default.
With this new feature, users can select middle align to create an equal amount of space above and below the image. If they would rather the image renders at the bottom boundary of your row, you can select bottom align.
Source by BEE Content Design, Inc.