Я хочу, чтобы моя сетка была заполнена вертикально:
1 4 7
2 5 8
3 6 9
... arbitrary number of additional rows.
Вместо этого он заполняется горизонтально следующим образом:
1 2 3
4 5 6
7 8 9
Я хочу указать количество столбцов в моей сетке, а не количество строк.
Это то, что мой div выглядит со встроенным стилем CSS:
<div style="display:grid; grid-template-columns:1fr 1fr 1fr;">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>