Building a multi-stage timetable with modern CSS

Building a multi-stage timetable with modern CSS.

Nils Binder shows how grid, subgrid, round() and mod() can drive a fully CSS-powered schedule that maps times to rows, aligns stages, adds sticky hour markers and uses scroll-driven animations for headlines. A deep dive into structuring data, calculating positions and keeping layouts consistent across complex timelines.

9elements.com/blog/building-a-multi-stage-timetable-with-modern-css-using-grid-subgrid-round-and-mod

Tags: css, layout