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

css frameworks · tailwind · bootstrap · vanilla

PrismaVSJank the Janitor
Prisma saysFrameworks (Tailwind, Bootstrap) speed delivery; vanilla CSS keeps full control — pick per project.

Tailwind gives utility classes you compose in markup — fast, consistent, verbose HTML. Bootstrap ships ready components and a grid — quick prototypes. Vanilla CSS (now powerful with grid, variables, nesting) means zero dependencies and total control. Match the tool to the team and project.

Power-ups you unlock

Jank the Janitor attacks — common mistakes

Boss battleRecreate a simple card three ways in your head and note the trade-offs.

Example code

<!doctype html><html><head><meta charset="utf-8">
<style>.card{background:#140a28;color:#e6e0ff;padding:16px;border-radius:8px;max-width:240px}</style></head><body style="background:#06040d;padding:20px"><div class="card"><h3 style="color:#b388ff;margin:0 0 6px">Vanilla card</h3><p>zero dependencies.</p></div></body></html>
▶ Open the interactive comic issue
‹ Resets · Normalize · Modern ResetsReferences · Property List · Selectors · Units ›