The Ultimate Frontend Developer Resume
Description
A screenshot of a tweet from a user named Charles Jerome Desideri. The tweet says, 'If you're hiring a front end dev, here's my resume. I can start on Monday.' Below this text is an image that serves as the 'resume': a solid blue square is perfectly centered inside a larger white container. Inside the blue square, the text 'I can center a div.' is also perfectly centered. The joke is a classic piece of web development humor. For years, vertically and horizontally centering a div element using CSS was notoriously difficult and a common source of frustration for developers, especially before modern tools like Flexbox and Grid became standard. By presenting this single, hard-won skill as the entirety of a resume, the meme satirizes the outsized historical difficulty of a seemingly simple layout task, a pain point universally understood by any seasoned frontend engineer
Comments
19Comment deleted
My only interview question would be: 'Great, you're hired. Now can you do it in an HTML email for Outlook 2007?'
I finally centered a div without translate(-50%) or absolute positioning - now HR thinks I’m ready to untangle the 600-service mesh because I’ve proven I can achieve distributed consensus in two dimensions
After 15 years in the industry, I've seen engineers build distributed systems spanning continents, but still Google 'css center div vertically and horizontally' every single time. The real senior move is having that Stack Overflow link bookmarked in a folder called 'Architectural Patterns'
In an industry where we've gone from table layouts to floats, from floats to inline-block hacks, from inline-block to flexbox, and now to grid - yet somehow 'centering a div' remains the universal litmus test of frontend competency. This resume brilliantly captures the absurdity: we can build reactive SPAs with sub-millisecond state updates, implement complex WebGL shaders, and optimize bundle sizes to the byte, but the ability to vertically and horizontally center a box is still considered a legitimate flex. The real senior move? Knowing when to use `display: flex; justify-content: center; align-items: center;` versus `display: grid; place-items: center;` versus the ancient `position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);` incantation - and being able to explain why each approach exists in your codebase's archaeological layers
Anyone can helm install; find the engineer who can center a div inside nested flex-in-grid within a transformed container across Safari and in-app WebViews - offer letter sent
Find me someone who can center a div across breakpoints, RTL, nested transforms, and IE11 kiosk mode, and I’ll show you someone who already understands distributed consensus
Centers divs without tables or IE6 hacks - clearly architect material, not just a frontend pleb
display: flex; align-items: center; justify-content: center; Comment deleted
display: grid; place-items: center; Comment deleted
We just use Center() in Flutter. Comment deleted
so unfair Comment deleted
margin-left:52px; margin-top:113px; Comment deleted
Nice photoshop skills. Comment deleted
<img src="ololo.png"></img> Comment deleted
calc(50% - 52px) Comment deleted
margin-left: 50%; margin-top: 50%; transform: translate(-50%, -50%); Comment deleted
margin: 0 auto; Comment deleted
Width:100%; Height:100vh; Comment deleted
Doesn't work for <a> afaik Comment deleted