Choose the rule that preserves the document contract, then inspect the linked lesson when a failure case is unclear.
Review the lessons
- Native CSS nesting: group states without raising specificity by accident
- CSS subgrid: align nested card content to shared tracks
- CSS text wrapping and truncation: keep records readable
- CSS data tables: preserve headers when columns get narrow
- CSS form states: make errors and disabled fields explicit
Other checks
Common Mistakes
- Do not confuse visual order with document order.
- Do not treat a CSS state as server validation.
