Как сделать так как на макете?

Question

[Дмитрий Савушкин]

Всем привет!
Верстаю себе никого не трогаю и тут возникает проблема, уже весь интернет обыскал, но не увидел примеров как реализовывать подобные блоки, если есть пример или идеи как сделать подобный блок, буду благодарен.

Answer 1

[Максим Тимофеев]

Мне кажется проще и лучше через svg

Answer 2

[TheRevan]

просто ручками, либо абсолютами, либо nth-child{padding-top} (советую второе), увы но верстка это боль

Comments

[Дмитрий Савушкин]

Абсолютом пробовал, всё едет, есть какие-то примеры где реализовывают на подобие вёрстку, я бы посмотрел?

[riot26]

Дмитрий Савушкин, https://jsfiddle.net/riot26/91op71hk/

[riot26]

Дмитрий Савушкин, поправил код, сейчас там более правильно

[Дмитрий Савушкин]

riot26, Воу! Спасибо, то что нужно)

Answer 3

[Андрей]

Бутстрапная сетка не вытянет сей изыск без костылей. Либо действительно сделать иконки в svg и наложить сверху на растр, или совсем заморочено - точное позиционирование элементов.