Design comparison
Solution retrospective
I tried to use semantic markup where possible to try and keep it simple to follow.
I'm most proud of the positioning as that is what I spent most of my time on, and in the end I decided to go with flexbox.
What challenges did you encounter, and how did you overcome them?Positioning was the part that I spent the most time on. I broke the positioning down into smaller parts, first getting the main QR-code cantered and then aligned.
Finally getting the footer to sit below the QR-code.
What specific areas of your project would you like help with?Was Flexbox the best solution for my positioning conundrum?
I did try Grid briefly but I couldn't quite get it to sit right on the page.
Community feedback
- @tybagluePosted 7 months ago
Nice job~ I'm new to coding too :)
Someone suggested me to use rem instead of px for font size, maybe you'd like to check that out too Why font-size must NEVER be in pixels.
Good luck!
1
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