[CSS] CSS Pros. Can I have any advice from you?

Question

I'll take any advices from you especially on "How to not mess up your CSS animations on any devices". Because my CSS Animation works perfectly on my device but I tried to run it on browser and unfortunately everything's messed up. :( Do you know how to make this responsive on any devices?

UPDATE: I already linked the meta link for responsiveness but it won't work also. Here's the code.
https://code.sololearn.com/W8xV8ey9g73D/#html

Answer 1

px unit would make the design less responsive,
try to use em unit, which scale accordingly with your current font.
And also use % unit for relative dimension to parent element width or height.
Use vh or vw for dimension relative to screen width or height.

Use @media to further specify certain screen size constrain to certain CSS selectors.