Design comparison
SolutionDesign
Solution retrospective
I just finished the challenge of recreating the QR code component using HTML and CSS. I didn't download the design file, so I mostly guessed the dimensions and margins. Please help me with some advise in case I could've made the code simpler or better. Thanks!
Community feedback
- @Bader-IdrisPosted over 1 year ago
You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:
.container { display: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful
Marked as helpful1
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