Design comparison
SolutionDesign
Solution retrospective
I can't for the life of me figure out how to vertically center this content properly. I don't want to use
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
because it messes up the media query rules. I've tried css grid and flexbox centering on the container div but it doesn't seem to work vertically, only horizontally.
Community feedback
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord