Column layout

Explanation on how to configure column-based layouts.
Tags:

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]

💡 The widths can be defined with different grid size types .