12-колонкова CSS FLEX-сітка:

✅Особливість полягає в тому, що вона враховує реальну відстань між колонками, а не емулює відстань через відступи.

Розмітка на 4 колонки:

c-3

<section class="row col-3-3-3-3">
        <div class="c-3">c-3</div>
        <div class="c-3">c-3</div>
        <div class="c-3">c-3</div>
        <div class="c-3">c-3</div>
</section>

Розмітка на 3 колонки різної ширини:

c-2

c-6

c-4

<section class="row col-2-4-6">
        <div class="c-2">c-2</div>
        <div class="c-6">c-6</div>
        <div class="c-4">c-4</div>
</section>

---