<divclass="o-grid"><divclass="o-grid__col u-1/2 u-1/3@sm">
Column 1 / 2 in mobile, 1/3 in tablet and up.
</div><divclass="o-grid__col u-1/2 u-2/3@sm">
Column 1 / 2 in mobile, 2/3 in tablet and up.
Using extra column sizes
Assuming we would like to use 2, 3, and 4 column grid. iotaCSS uses 2, 3 and 6 columns by default. If we want our change
to affect both Size and Pull / Push utilities, then we should update the global iota variable that lives in Settings.Core.
Otherwise, if we only need this change to be applied in Size utility, we should update the local size variable for columns.