Streaming live at 10am (PST)

Responsive zig zag layout using css?


#1

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

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.