Build a multi-stage timetable for a conference — fully in modern CSS.
Each hour grows automatically to fit all sessions.

🍾 heavy use of subgrid.
🍾 round() and mod() to place sessions accurately
🍾 scroll-driven animations for sticky stage headings

If you want the full breakdown of how this is done, here’s the write-up 👇

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