HTML Best Practices: An Idealist vs. a Pragmatist
Description
A two-panel Wojak comic meme contrasting a junior and senior developer's approach to frontend code. On the left, an angry, crying Wojak character with glasses (often called a 'zoomer' or 'soyjack') yells, 'YOU CAN'T JUST USE HTML LINE BREAKS WHEN YOU WANT VERTICAL PADDING!!!!! THAT'S BAD PRACTICE!!!!!'. On the right, a calm, grey-haired, more experienced-looking Wojak character (a 'boomer' or 'chad') replies with a slight smirk, 'haha inline html go <br><br><br>'. This meme humorously pits web development purism against pragmatism. It satirizes the rigid, by-the-book mentality often seen in less experienced developers who insist on using modern CSS properties like 'padding' or 'margin' for spacing. In contrast, the senior developer, having seen it all, knows when to apply a quick, 'dirty' fix like using multiple line-break tags, prioritizing speed and simplicity over dogmatic adherence to best practices, especially for trivial tasks. The joke resonates with experienced engineers who have transitioned from idealism to a more practical, results-oriented mindset
Comments
7Comment deleted
The junior dev spends an hour writing a perfectly scoped, BEM-compliant CSS utility class for spacing. The senior dev ships the feature in 5 minutes with three <br> tags and spends the other 55 minutes explaining technical debt to the product manager
Our “enterprise design system” boasts atomic CSS, a Figma library, and 200-page style guidelines - yet the hero section’s vertical rhythm still comes from 42 consecutive <br> tags checked in three product owners ago
The same developer who insists on semantic HTML will ship a React app with 47 divs nested inside each other, but at least they all have proper CSS margins
The real senior move is using `<br><br><br>` in production, then spending three sprints migrating to a design system with proper spacing tokens, only to discover the designer specified '48px' which doesn't map to any of your carefully crafted t-shirt sizes. Meanwhile, those three `<br>` tags? Still rendering perfectly in IE6
Using <br> for spacing turns layout into hidden state; the next on-call learns why deleting a sentence collapses the hero and tanks CLS
We built a design system; then the CMS stripped styles and Outlook’s Word engine showed up, so vertical padding became three <br> in a trench coat - our most reliable layout microservice
BR tags for padding: the hack that 'works' until mobile QA drops the responsive bomb on your parade