Какие свойства можно использовать для получение такой вёрстки?

Question

[Дмитрий]

Есть parent блок (красный) и child блоки (синие) как с помощью display: grid, можно расположить их в такой позиции как на скрине?

Comments

[Антон]

column count можно

[Вадим]

А может пойти почитать документацию как работает display: grid, где всё это написано и не тратить впустую чужое время?
А если калькулятор и блог относится к "дополнения" то это про мультиколонки скорее, нежели про грид

[cssfish]

масса способов. начиная с таблиц

Answer 1

[fff ttt]

Либо display:grid либо display:flex
Если через флекс то, окна/двери/роллеты один блок, москитные сетки/дополнения второй, остальное третий; делаешь flex-direction:row; justify-content:space-between; и внутри блоков тоже флексом выравниваешь;
А если гридами, то там grid-template-columns: 1fr 1fr 1fr

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
https://developer.mozilla.org/ru/docs/Web/CSS/flex