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