Fill Available Column Space

Multi-column layouts usually have different heights depending on their content. Often you want to align the content of the smaller column to match the height of the other columns. With YOOtheme Pro's flexible column layouts, you can align content across page builder columns with ease.

Elements styled as cards or tiles can expand their height to fill the available column space. Elements with an image or video can also stretch to match the column height. Even if they are followed by other elements, they still expand to take up the available space, pushing the elements down.

Alternatively, content can be pushed down using auto margins. Setting the bottom margin of an element to auto fills the remaining column space and pushes the following elements to the bottom. This option is also available for all content fields of an element, allowing the content itself to be pushed down to match the element's height.

This gives you so much flexibility for your layouts, whether you're building perfectly arranged bento grids or simply aligning the Read More buttons on your blog page.