Columns

The columns are 12 by default, and take the width according to the number of columns.

<div _col></div>
<!-- Basic full width column -->

<div _col="6"></div>
<!-- 50% width column -->

<div _col="2"></div>
<!-- 16,666..% width column -->

Here too it uses its full potential when mixed with breakpoints.

<div _col="12 md:6 lg:4 xl:3"></div>

Here you can also change the number of columns in the configuration.

Value Description
100% width
1..12 (100 / 12) * $ width