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%.