mdo/wtf-html-css — explained in plain English
Analysis updated 2026-07-22 · repo last pushed 2022-03-04
Look up why your CSS layout broke and find the fix in plain language.
Build a personal portfolio without getting stuck on confusing styling behavior.
Tweak a landing page and quickly resolve common centering or spacing issues.
Contribute a new gotcha you encountered so others can avoid the same frustration.
| mdo/wtf-html-css | karpathy/karpathy.github.io | gustavoguanabara/php-moderno | |
|---|---|---|---|
| Stars | 1,447 | 1,656 | 558 |
| Language | CSS | CSS | CSS |
| Last pushed | 2022-03-04 | 2026-04-10 | 2023-08-09 |
| Maintenance | Dormant | Maintained | Dormant |
| Setup difficulty | easy | easy | easy |
| Complexity | 1/5 | 2/5 | 1/5 |
| Audience | vibe coder | writer | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
No setup needed, it's a readable curated document, just open and browse.
WTF, HTML and CSS? is a curated list of the common mistakes, quirks, and frustrating moments that trip people up when building web pages. If you've ever styled a button and watched it inexplicably push your entire layout out of place, or spent an hour trying to center a simple image, this is the resource that explains why that happened and how to fix it. At a high level, the project is a living document of pitfalls. It covers situations where web browsers interpret code differently than you'd expect, or where the underlying rules of web design behave in counterintuitive ways. Rather than teaching you how to code from scratch, it serves as a troubleshooting guide you can turn to when your page looks broken and you're not sure which rule is causing the problem. This is primarily aimed at people who write web pages but don't necessarily consider themselves senior developers, which makes it perfect for vibe coders, product managers, or founders who occasionally tinker with front-end code. If you're building a personal portfolio, tweaking a landing page, or adjusting the look of an existing site, you'll inevitably run into confusing behavior. This guide helps you skip the frustration of searching for answers by gathering those common dilemmas in one place. The project is notable for its community-driven approach and global reach. Anyone can suggest additions or improvements through the standard contribution process, which means the list reflects problems that real people actually encounter, not just theoretical issues. It has also been translated into several languages, including French, Spanish, Russian, and Chinese, reflecting how universal these web development headaches are across the world.
A community-curated guide to common HTML and CSS mistakes and quirks that break web pages. It explains why layouts misbehave and how to fix them, without teaching coding from scratch.
Mainly CSS. The stack also includes CSS, HTML.
Dormant — no commits in 2+ years (last push 2022-03-04).
No license information is provided in the repository, so usage terms are unclear.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly vibe coder.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.