Notes

A four-step process for a house clearance firm on a track built from plain Divs: each step has a round marker and a line that runs straight into the next marker, ending on a brand-coloured finish panel that lists what the customer receives. On desktop the track runs left to right; from tablet landscape down it turns into a vertical rail with the marker column on the left. Every step carries its time, a short description and a split of what the customer does against what the firm does. The advanced grid is set on every breakpoint, so if you change the marker size change the first column width of the step and rail grids to match.