Как это сделать?

Question

[Евгений Балабаник]

Кто поможет написать код, что б выглядело так?
Буду очень благодарен.

Comments

[Ярослав Иванов]

Благодарность в карман не положишь.

[Евгений Балабаник]

Ярослав Иванов, Мммм, КРАСАВА

[Ankhena]

План, например, такой:
1. В каждой строчке 3 div. Один из них пустой.
1.1. Можно 1 div и figure.
2. В центре картинка.
3. Круг на CSS

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

Answer 1

[Дмитрий Дербенев]

На скорую руку сверстал, думаю суть поймешь, если что пиши!
https://jsfiddle.net/30rxmw6o/

Answer 2

[Александр Таратин]

https://jsfiddle.net/m3kox4ts/

Comments

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/m3kox4ts/1/
С адаптивностью

[Александр Таратин]

Ярослав Иванов, Вот мы тут смеемся, а на фрилансе реально на переделку сайты просят такого типа иногда...

[Ярослав Иванов]

Александр Таратин, у всех такое было. У меня был какой-то проект десктопный и надо было адаптив сделать. А там половина блоков картинками сверстано))))))

Answer 3

[Pavel Kuzyakin]

getbootstrap.com/docs/4.0/layout/overview