Как сверстать такую сетку?

Question

[Андрей]

Добрый день товарищи верстальщики, помогите начинающему ! Как сверстать такую сетку с непропорциональными элементами?


Думал делать на css grid, но как-то отпала эта идея сама собой. Единственное что приходит на ум это использовать flex-box и явно задавать размеры элементам.

P.S может с таких моментов верстальщики начинают не любить дизайнеров ?

Comments

[Александр]

В чем проблема то? Там две колонки и элементы с разными внутренними отступами.

[Андрей]

Александр, Проблема в отсутствии опыта) Спасибо за ответ !

Answer 1

[shmatuan]

и явно задавать размеры элементам

Не всем - по сути это 2 столбца с

justify-content: flex-end;
align-items: flex-start;

и

justify-content: flex-start;
align-items: flex-end;

Задать только 167px и отступы в 32px

Comments

[Андрей]

спасибо за ваш ответ !