Skip to content
DevMeme
5306 of 7590
Google Also Missed The Centered Div
Frontend Post #5821 · source on Telegram

Google Also Missed The Centered Div

Description

The meme has a black background with a large light-blue text bubble that says, "It's ok guys, they can't center a div at Google either." Below it is a cropped browser UI, apparently from Chrome, where a circular blue plus button sits in the tab strip next to a tab close "x" and looks awkwardly misaligned within the gray toolbar area. The joke references the long-running frontend meme that centering a div in CSS is deceptively annoying, then points at a polished Google product as evidence that even elite browser teams ship visual alignment quirks. It blends CSS folklore with UI pixel-sniping and the shared relief of seeing a big tech product suffer the same tiny layout problem.

Categories

Frontend UX UI Google WebDev

Common Tags

CSS Frontend UIDesign WebDevelopment Google BrowserQuirks CSSFlexbox CSSGrid UXIrony DeveloperHumor TechHumor

Comments

18
Anonymous ★ Top Pick The plus button is probably centered in six nested coordinate systems, just not the one humans look at.
  1. Anonymous ★ Top Pick

    The plus button is probably centered in six nested coordinate systems, just not the one humans look at.

  2. @RiedleroD 2y

    actually, this one is on purpose

  3. @RiedleroD 2y

    either you'd need to give the button equal amounts of margin at the top AND bottom, which would look weird, or you'd need to have the x and the + at different heights, which would look weird, or, this solution, you just nudge the button slightly up, so it's almost aligned with the tab top, but not too far up to make the + visible misaligned (I promise you don't notice it when it's not zoomed in)

    1. @RiedleroD 2y

      and yes, this is the bs designers need to battle with all the time. you just can't win

  4. @ZgGPuo8dZef58K6hxxGVj3Z2 2y

    Why is this picture a link and how to do that on telegram?

    1. @deerspangle 2y

      There's a link to a statically hosted image, but the link text is just a couple zero width spaces. As to why they do this, I'm still not sure

      1. @ZgGPuo8dZef58K6hxxGVj3Z2 2y

        Lol they break the ability for me to zoom in…😫@RiedleroD

        1. @RiedleroD 2y

          ok but why ping me?

          1. @ZgGPuo8dZef58K6hxxGVj3Z2 2y

            Redirect it to who is responsible please

            1. @RiedleroD 2y

              np, done

        2. @sylfn 2y

          https://t.me/maymay_review/6734 Link only for image

  5. Алексей 2y

    Guys, lets finally decide that this part of Google is stupid and go home

    1. @RiedleroD 2y

      I mean yes but not because of the design

  6. @Araalith 2y

    Meta: consistently fails in every single aspect, releasing products inferior to pre-alpha versions. Everyone: Acceptable. Google: positions a picture a few pixels lower than expected. Everyone: !!!

  7. Deleted Account 2y

    Why tf did they added an extra top padding?

    1. @RiedleroD 2y

      I explained it in the follow-up messages

      1. Deleted Account 2y

        Ah yes sorry, I just read your message and saw again the screenshot haha

  8. @QutePoet 2y

    Vertical tabs in Brave or Vivaldi rulez. Almost full name instead of somewhat useless icons.

More like this

More like this in Frontend →
Frontend CSS Frontend
MrBeast Challenge: 1000 Vibe Coders, No Claude, One Centered Div

MrBeast Challenge: 1000 Vibe Coders, No Claude, One Centered Div

AI ML
Black Mirror S8E1: Government Claude Token Rations and Societal Collapse

Black Mirror S8E1: Government Claude Token Rations and Societal Collapse

AI ML
The Pulsing Emerald Dot: Tailwind's Three-Finger Tell

The Pulsing Emerald Dot: Tailwind's Three-Finger Tell

Frontend
Use J and K for navigation