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