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

Question

[Super Star]

Здравствуйте подскажите как сверстать эту секцию? Перепробовал всё что знал. По сетке бустрапа расставить не получается...

Answer 1

[Сергей delphinpro]

codepen.io/anon/pen/mErzbV

Comments

[Super Star]

за это спасибо. Я только учусь и вижу это впервые. буду разбираться. Флексбоксы тоже виду впервые.

Answer 2

[Андрей]

Дизайнер ушлёпок! Если начал рисовать под сетку, так что ему мешало сдвинуть 1-й и 3-й блок по центру?)

Comments

[Super Star]

не знаю. найти бы его и спросить об этом

Answer 3

[Александр Ружевич]

как написали выше, родительский блок поставте по центру, затем внутри 5 блоков float:left; или display:inline-block; все оч просто)

Answer 4

[bl1nder]

Попробуйте flexbox:
frontender.info/a-guide-to-flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
www.sketchingwithcss.com/samplechapter/cheatsheet.html