📄 Easy grid systems?

[aolko]

Description

Will we have a predefined grid systems based on variable number of --columns (both flex and grid), like these ones:

• Tailwind [1] [2] / uno
• 960.gs
• Flexbox grid
• Susy

[Aron]

Master CSS's grid system is arbitrary and more flexible than the traditional 12-column, 16-column, or 24-column.

<!-- grid -->
<div class="grid-cols:5 grid-cols:6@sm grid-cols:8@md grid-cols:16@lg gap:5x gap:6x@sm">...</div>

<!-- flex -->
<div class="flex gap:5x">
    <div class="w:1/4 w:1/6@sm">...</div>
    <div class="w:1/4 w:2/6@sm">...</div>
    <div class="w:2/4 w:3/6@sm">...</div>
</div>

The documentation of the grid system has indeed been missing since v1. We will add a new page docs/grid-system during the 2.0 RC.

https://css.master.co/docs/grid-columns