Notes

A course syllabus laid out as a term timeline: a display heading with the key facts, a twelve-week ruler coloured by teaching block, then three block cards listing each week. The ruler is a plain Div grid (12 columns on desktop, 6 on tablet, 4 on phones) and each block card has a Breakdance Progress Bar for the share of time at the bench. Week colours go from a full brand flood to a light tint so the blocks still read in dark mode; if you change the number of weeks, keep the ruler cells and the block cards in step.