Как разместить блоки как сетку?

Question

[privet_andrei123]

я хочу разместить однотипные объекты в сетку , использовал display:grid; просто поменялось расположение объектов с горизонтального на вертикальное ) . какой блок использовать ? или что не так?

Comments

[Евгений]

Покажите код и макет как должно получится

[Вадим]

Мало просто написать display: grid. Нужно указать количество колонок и рядов.
Эта игра научит Вас основам гридов.

Answer 1

[twentytvvo]

Используй flex.

<div class=“boxes”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
</div>

.boxes{display:flex;flex-wrap:wrap;}
.box{width:25%;}/* таким образом выводим по 4 в линии */