Как сделать группу элементов с «налезанием» друг на друга?

Question

[Александр Андреев]

Нужно сверстать список услуг, каждая услуга, это картинка + заголовок. Проблема в том, что услуги верхнего и нижнего ряда как бы налезают друг на друга joxi.ru/v29Q16GT3qJJX2 . Не пойму как это реализовать? Думал как-то с абсолютным позиционированием получится, но весь этот список ещё должен адаптироваться.

Answer 1

[IceJOKER]

parent:position: relative;
children:position: absolute;

Comments

[Александр Андреев]

IceJOKER вы имеете ввиду вот так joxi.ru/V2VnXZ3hxWRlo2 ?

[IceJOKER]

Александр Андреев: нет, для общего родителя всех элементов указываете position relative, а всем детям absolute

Answer 2

[Артём Ведищев]

Мой вариант (оформлением не занимался, только идея):
https://jsfiddle.net/8rtyjdqr/1/

Answer 3

[Froggyweb]

Каждому нечетному сделать отрицвтельный отступ снизу.