freecoding.school100% FREE · NO SIGNUP
Neon DistrictISSUE #47 of 50

resets · normalize · modern resets

PrismaVSJank the Janitor
Prisma saysA CSS reset (or normalize) erases inconsistent browser defaults so you start from a known baseline.

Browsers ship different default margins, font sizes, and box behaviors. A reset zeroes them; normalize.css smooths them while keeping useful defaults. A small modern reset (box-sizing, zero body margin, responsive media, sane line-height) is enough for most projects.

Power-ups you unlock

Jank the Janitor attacks — common mistakes

Boss battleWrite a 5-line modern reset and build on it.

Example code

<!doctype html><html><head><meta charset="utf-8">
<style>*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;background:#06040d;color:#e6e0ff;padding:20px}img,video{max-width:100%;display:block}</style></head><body><h1>clean baseline</h1><p>no surprise default margins.</p></body></html>
▶ Open the interactive comic issue
‹ Methodology · BEM · SMACSS · Utility-FirstCss Frameworks · Tailwind · Bootstrap · Vanilla ›