CSS - How to center element using CSS transform property and translate function

Demo of how to center an HTML element in the center of a container using the CSS transform property along with the translate function.

[Haruky_]

tysm it's really clear and helpful ❤❤

[angelainniss]

Just what i needed. However can you just explain why its -50%, -50%? I see that it works but i don't get why

[Musfiq]

Thank you, you have cleared my confusion why use translate -50%

[aricwilliamsdeveloper]

wonderful explanation! thanks for helping me understand