Basic HTML and CSS combination to make a QR code page
Design comparison
Solution retrospective
I had some trouble with the easy basics with the sizing and positioning of the QR code image and the box it was in but I pulled through, sort of.
Community feedback
- @INDavid04Posted 3 months ago
Hi!
I like your work! It already seems to be like in the design. However there are some small adjustments to improve the sizing and the positioning as you said:
On the first hand, to match the sizes of the given design I can say what I did previously: opened the preview/desktop/mobile given image (see which one fits the best) and try to increase/decrease the width/height and also the padding or border.
On the second hand, an useful question to google it is: How to center a div vertically? (as you can see from the given design, the card is fully centered).
Nice work! Keep it up!
Marked as helpful1@ChimiRinzin-HWRPosted 3 months ago@INDavid04 Thank you very much, I will follow up with your advice on my upcoming practices including this one.
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