Display: grid как сделать построение таблицы не с лева на право, а сверху вниз?

Question

[Corepro]

У меня есть такой блок.
Но мне нужно чтобы колонки строились вот так:

<div class="grid">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
</div>

И CSS

.grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

Answer 1

[Антон Антон]

Если хочется так, то нужно идти от количества строк, а не колонок:

display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, minmax(0, 1fr));

Comments

[Corepro]

Спасибо, выручил )