Responsive zig zag layout using css?

Design help General
1

I want to create a responsive snake/zigzag layout, like so:

1440×2560 98.3 KB

It’s a path of square images and circles starting in the center of the container and going downwards.

Number of elements is unknown and is determined by server data.

Only position: absolute worked and calculating top and left using js.
Looking for a more css solution. Maybe using display flex or grid?

Is there a way to achieve this using pure css?

2

I think that you can do this using percentages.

3

How do I do this using percentages?

4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.