QR code component using HTML & CSS

Solution retrospective
I learned how to use variable fonts from Google fonts. Project was easy as it is. I would probably use flexbox for something like this from now on.
What challenges did you encounter, and how did you overcome them?Getting the spacing around components just right was really time consuming. Lots of trial and error.
What specific areas of your project would you like help with?I would like to learn the best way to add variable fonts to a project.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @romrauq
Try centering the application vertically div by using the following CSS properties and values:
.target-div{ position: absolute; top: -50%; transform: translateY(-50%) }
And then remove your current top margin.
Marked as helpful
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