Article Highlight Card
Focus: typography hierarchy, calm surfaces, muted support text.
Open exampleUMI202 Week 8
CSS Text, Colors, and Backgrounds
Open each example to see how typography, color roles, and background decisions create a more polished result.
Announcement Banner
Focus: centered hero text, gradient background, readable emphasis.
Open exampleProfile Showcase
Focus: warm palette, role label, readable body copy, styled action link.
Open exampleStudent Practice Page
Focus: the full main lesson page with all core CSS topics in one teaching order.
Open example