Submitted about 1 year ago
QR-CODE Component challenge solution
@Sanjoclinton
Design comparison
SolutionDesign
Solution retrospective
I had issues with placing my QR at the center of my code.
Community feedback
- @itsale-oPosted about 1 year ago
Congratulations on completing the challenge! Nice work.
About your issues: if you put the qr code image inside a div is easier to centralize
You could do something like this:
- On the HTML
<div class=qr-code> <img src="qr-code"> </div>
- On the CSS
.qr-code{ display: flex; align-items: center; justify-content: center; }
If you want, you can even put the texts on another div, and centralize it as well. It's easier to work with single divs, one at a time (talking from my personal experience)
Marked as helpful0
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