What is the best way to make such vertical lines with circles?

Question

css

I've tried using :before and :after but can't place it in a responsive way. when the screen is reduced, they disperse :(

Answer 1

On the codepen for the query "timeline" try looking at solutions codepen.io/search/pens?q=timeline&limit=all&type=t...

Answer 2

I would try to do it in a table (dates on the left in the cell, infa on the right in the cell), with some sort of border-left and absolute positioning of the circle.

Answer 3

Try canvas. There are just opportunities for drawing geometric shapes.