Как сделать линии между блоками сетки?

Question

[Данил Андреев]

Не могу разобраться как сделать эти линии, помогите пожалуйста

Comments

[Froggyweb]

за такие линейки надо накидывать долларов 20 за этот блок
линии - псевдоэлементы или дополнительные элементы в разметке, расположенные абсолютом.
крайние позиции можно прятать отрицательным margin у родителя
и пусть дизайнер хоть отступы у линий подравняет :)

[Ankhena]

Вариантов несколько.

Псевдоэлементы у карточек с расчетом :not(nth-child()) либо прятать за overflow родителя.

Еще это может быть фон градиентом для родительского блока, если известны размеры карточек и их количество кратно количеству столбцов и не прилетит откуда-нибудь еще.

[Данил Андреев]

Froggyweb, Тоесть, дрочь я так понял да?

[Ankhena]

DanilAndreev_5, макет как макет. Или хотите чтобы дизайнеры однообразную унылость рисовали?
Если верстальщик на то, чтобы написать 2 псевдоэлемента тратит час времени, то это нерадивый верстальщик, а не проблемы дизайнера.

Answer 1

[HamSter]

Такой вариант с flex и смещением на пару пикселей:

Comments

[Данил Андреев]

Спасибо!

Answer 2

[Aetae]

Печальный вариант: псевдоэлементами рисовать границы или сделать псевдоэлементом белый квадатик в правом верхнем углу каждого блока, а границы как обычно.
Извращённый вариант: заюзать border-image.