The left column is {{ visibleSizes.section1.area1 }} wide and the right column is {{ visibleSizes.section1.area2 }} wide.

This page is made up of two <as-split> containers. The parent container contains an <as-split-area> for the left and right columns.

The direction is set to horizontal and the unit type is set to pixel.

Because this column size is set to *, a minSize or maxSize cannot be set. However, there is a minSize of 200px set on the right column.

Display block is {{ visibleSizes.section2.area1 }} tall.

This column is also made up of an <as-split> container. This container contains an <as-split-area> for the top and bottom display blocks.

The direction is set to vertical and the unit type is set to percentage (default).

This block has a minSize of 30%.

Display block is {{ visibleSizes.section2.area2 }} tall.

This block has a minSize of 25%.