Wun Code
CSS

CSS in Depth

Go deeper into the box model, custom properties, positioning, container queries and more, so you understand what's really going on behind the styles you see.

Start the trackFree, no sign-up needed

What you'll learn

  • The box modelWhy the width is bigger than you wrote
  • Custom propertiesOne value in one place
  • PositioningOne element on top of another
  • Container queriesA component that adapts to its container
  • TransformsMotion that's light on the browser
  • Pseudo-elementsDecoration and states without new tags
  • SpecificityWhy your rule doesn't apply
  • Images that fill their boxesA fixed ratio without distortion

Track contents

8 lessons, 1.5 hours in total
  1. 1The box modelCSSWhy the width is bigger than you wrote
  2. 2Custom propertiesCSSOne value in one place
  3. 3PositioningCSSOne element on top of another
  4. 4Container queriesCSSA component that adapts to its container
  5. 5TransformsCSSMotion that's light on the browser
  6. 6Pseudo-elementsCSSDecoration and states without new tags
  7. 7SpecificityCSSWhy your rule doesn't apply
  8. 8Images that fill their boxesCSSA fixed ratio without distortion