Streaming live at 10am (PST)

When I use vertical centering with the absolute position, the top and bottom of the element become blurred

When I use the absolute position, the top and bottom of the element become blurred.
How to avoid this effect?65475686786987

Hi
Can You share your read-only Link, so We can dive in…:blush:

This is the simplest question, I see no reason to provide a link.

Up to you. I wish I could help you without The Read Only Link :blush:

the issue maybe that when you center it is landing on a subpixel. not sure but that’s the only thing i could think of that would cause it to blur. try using flexbox instead.

here is a stackoverflow thread where someone had the same issue with text:

Trying to understand the intention here — is there a reason you’re centering using transforms instead of flexbox? Transforms don’t affect the document flow at all and often get rendered weirdly (especially on Safari after an animation).