Design comparison
SolutionDesign
Solution retrospective
Putting together some basic CSS and HTML to build this QR code.
Would love some feedback to know if I'm making any serious coding mistakes.
Any feedback is greatly appreciated!
Community feedback
- @grace-snowPosted over 1 year ago
There's a few important changes needed on this
- height 100vh should be min-height. You never want to limit height of container elements (including body)
- similar, the card must not have a height either. It does not need a min height
- the width on the card should be a max-width and should be in rem
- font size must never ever be in px. Use rem. I've written a post about this
One more point is more of a recommendation - the alt text on the image should really say where the QR code is going to. QR code to... Where
Marked as helpful1@Joshua-FarrPosted over 1 year agoThanks so much for your feedback @grace-snow, I've implemented the changes as suggested.
Follow-up question for you: Should margins/padding be expressed in rem as well? Or is it better to use px instead?
0
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