How would you build a Timeline layout

I recently did something very similar to this using Source’s GridPlus and also GridPro would work if you need additional more complex controls.

Create a grid using a row template of something along the lines of :
150px 1fr above 700px width
15% 1fr above 450px width
60px 1fr above 320px width

You can also create the variable height icon connecting blue lines if you need to using the same grid. BTW The connecting lines are the hard bit to get right.

These can be very challenging to build correctly depending on the sizes of icons and amount of text but using the Source Grid will allow it to adapt to any size to content. I.e. the blue connection lines can be setup to auto adjust to any content size.

1 Like