Как с css grids так расположить фотки?

Question

[WizardW]

Как с css grids так расположить фотки? Я думал сделать так: в контейнере сетка column: 1fr 1fr, добавить gap для column, вторую фотку положить на grid-column: 1/3 и добавить её центрирование, вопрос, как при этих условиях наложить вторую фотку на две других?

https://codepen.io/anon/pen/mNwzwb

Answer 1

[Сергей delphinpro]

7 столбиков, 2 ряда.
1-я фотка лежит в области 1,1-3,2
2-я фотка лежит в области 4,1-7,2
3-я фотка лежит в области 3,2-5,2

Comments

[Сергей delphinpro]

пожалуй, кол-во столбиков можно уменьшить до пяти, задавая им разные пропорции.