Skip to content
DevMeme
3315 of 7590
Frontend Post #3639 · source on Telegram

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

19
Anonymous ★ Top Pick My only interview question would be: 'Great, you're hired. Now can you do it in an HTML email for Outlook 2007?'
  1. Anonymous ★ Top Pick

    My only interview question would be: 'Great, you're hired. Now can you do it in an HTML email for Outlook 2007?'

  2. Anonymous

    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

  3. Anonymous

    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'

  4. Anonymous

    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

  5. Anonymous

    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

  6. Anonymous

    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

  7. Anonymous

    Centers divs without tables or IE6 hacks - clearly architect material, not just a frontend pleb

  8. @karumsenjoyer 4y

    display: flex; align-items: center; justify-content: center;

    1. @loves_frogjs 4y

      display: grid; place-items: center;

    2. @paul_thunder 4y

      We just use Center() in Flutter.

      1. @Hunter_maverick 4y

        so unfair

  9. @nn_private 4y

    margin-left:52px; margin-top:113px;

  10. @Maringo 4y

    Nice photoshop skills.

  11. @sylfn 4y

    <img src="ololo.png"></img>

  12. @karumsenjoyer 4y

    calc(50% - 52px)

  13. @ZgGPuo8dZef58K6hxxGVj3Z2 4y

    margin-left: 50%; margin-top: 50%; transform: translate(-50%, -50%);

  14. @feskow 4y

    margin: 0 auto;

  15. @phpzapecanus 4y

    Width:100%; Height:100vh;

    1. @feskow 4y

      Doesn't work for <a> afaik

Use J and K for navigation