Как сверстать такой блок?

Question

[myaca]

Хочу сделать это на флексах, но есть вопрос, там над каждым рядом картинок есть полоса черная, я не понимаю как сделать ее.

Вообще к элементам флекса я думал border-top применить, но вот тут на второй строке даже видно, что нет элемента, а полоса над строкой элементов есть. При мобильной версии получится еще больше строк, а нужно чтобы для каждой был такой разделитель между ними. Подскажите, не могу придумать ничего.

Answer 1

[xmoonlight]

zomigi.com/blog/full-width-pinned-layouts-with-flexbox

Comments

[myaca]

Извините, тут how to use flexbox to pin two things to opposite ends of the viewport with a heading centered in between. , т.е. как прилепить два айтема на противоположные концы... В моем случае ведь нету двух айтемов, чтобы между ними сделать это. Не совсем понимаю к чему вы пытаетесь меня подтолкнуть

[xmoonlight]

myaca: там показано как сделать прочерк между флекс-бокс контейнерами, когда они находятся друг под другом.

[myaca]

xmoonlight: Видимо невнимательно прочитал, извините. Спасибо за помощь

Answer 2

[twobomb]

Используй bootstrap или flexbox'ми тип такого