Adaptive lists and SVG line
Hello everyone, can you tell me what the correct HTML structure should be here? Does anyone have video examples of a similar block? Should I make the lists + numbers as one block or separately in order to implement everything with a grid layout? Of course, it all has to be responsive.
3 Replies
or maybe numbers should be separated from list...
As with most things, I don’t think that there is a “correct” way to do this.
I would probably use pseudo elements on each item for the numbers, using a CSS counter toincrement the values.
The only tricky part I can see here would be the curved, dashed lines. These could probably be done with SVGs.
tnx, i will try