@RobinsonGabriel
Posted
Overall you matched it pretty well when using even the really small viewports chrome will give you in inspect element, so the size would probably be okay, but of course it looks a little odd at some dimensions.
One thing that I'd point out is your container has px units, which don't scale with the screen. Nothing wrong with that, if you change it to fr, %, etc it's clear sometimes that's not ideal.
This list here is pretty exhaustive of which units are absolute and which are relative: W3Schools is also just a nice resource if you forget any syntax since theres a lot
@media(min-width: 15em){ width: 10em; }
Here's an example of the short query I used for my version of this. It's pretty simple just because I couldn't think of a need to have it respond at a scale any smaller. It's imperfect, but you could also try using a min-width, max-width, min-height, or max-height and use relative units to make some component scale how you see appropriate. I hope that gives you some stuff to fiddle with!
