UMI202 • Incremental CSS Demo

Every New CSS Rule, One Step at a Time

This version is truly incremental. Each step adds only one new rule or a very small rule group, so students can see exactly which CSS change created which visual result.

Current Step

Step Navigation

Code Window

Edit the code, then press Apply to test your own variation without changing step.

0 lines visible

Each step adds one new CSS rule or a very small grouped set. You can still edit the code manually.

Live Preview

The preview changes only with the current step or when you click Apply.

Step 1