Как сделать такую сетку?

Question

[evgeniy2024]

Всем привет, возникла такая проблема


не знаю как сделать эту сетку, буду благодарен за любую помощь

Comments

[Ankhena]

display: flex;
flex-wrap: wrap;
column-gap: 20px;

Что именно у вас не получается?

Answer 1

[Андрей Мартынкевич]

Вот Вам примерчик

Зедсь расстояние между элементами 30px(15px слева и справа и по вертикали аналогично) по горизонтали и вертикали, но можно указать любые. Отрицательный margin у row указан для того, чтобы компенсировать отступы.

Comments

[Rsa97]

Отрицательный margin у row указан для того, чтобы компенсировать отступы.

Чтобы их не компенсировать вручную, есть свойство gap.