Design comparison
SolutionDesign
Solution retrospective
I'm not 100% sure the QR Code div is centered.
The parent div of the QR code had no height so I was having trouble centering the whole thing.
Setting the position of the parent to relative and the child to absolute + top:50% was not working, fortunately, I came around and managed to solve it with the transform.
However, I'm a super beginner only grasping the basics of HTML and CSS (yet), so this solution is probably not the most viable.
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