Explanation on how to configure column-based layouts.
Column layouts are based on the number of columns and their widths.
The example below shows how to configure this type of layout.
layout: kind: ColumnLayout widths: - [2fr,1fr] areas: - [area1, area2]
widths can be defined with different grid size types .