CSS testing

Core

• Selectors
• Property explicit defaulting

The box model and visual formatting model

• Box model
  • Collapsing margins
• Visual formatting model
  • Normal flow examples
  • Floats
  • Containing block
  • Width, height and margins
  • Overflow
  • Layered presentation - z-index and stacking

Layouts

• Flexbox
  • General test page
  • Main axis alignment of individual items with margin: auto
• CSS Grid

Other

• Animation
• Scroll effects
• Browser information
• Response images
• Container queries
• HTML element font size
• Viewport meta tag
• Viewport size
• Resource loading
• CSS testing component