Design comparison
SolutionDesign
Solution retrospective
I had trouble with proper sizing for the desktop version, it only looks the way I'd want it when you zoom out until 50 or 60-something%. When I add the flex properties (see below) to the body/html tags it still has the same problem. Also when I delete the sizing and positioning properties on the QRcontainer tag, so any feedback on how to improve the desktop view (or the horizontal mobile view) would be more than welcome. Or feedback in general.
{ display: flex; width: 100%; height: max-content; justify-content: center; align-items: center; }
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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