Discussion on: CSS: Absolute center element

View post

My most up voted stack overflow answer was about this 😁

answer re: Why is translateY(-50%) needed to center an element which is at top: 50%?

Nov 10 '16

By default, your element is at the top of the page, and the top of the element is at 0:

--------Top of Page--------
{element}


------Middle of  Page------



------Bottom of  Page------

When you move it down by 50% height (50% of the entire page), the top of the…

Nice detailed answer. It's a tricky topic 💪