Submitted over 1 year ago
QR code solution using HTML and CSS. Text styling and centering image
@Biankii48
Design comparison
SolutionDesign
Solution retrospective
I had difficulty centering the QR image to the div, but after long research, I found a solution. This is the final result.
Community feedback
- @hatemhenchirPosted over 1 year ago
Hey Faith Bianca Aragon, how are you ? I really liked the result of your project, but I have some tips that I think you will enjoy:
- you can use flexbox to center something with CSS like this :
display:flex; justify-content:center; align-items:center;
. - you use grid like this :
display:grid; place-items:center;
Marked as helpful3 - you can use flexbox to center something with CSS like this :
- @AanuTTPosted over 1 year ago
Hello @Biankii48. Well done on the delivery of your project 👍. However, there are a few tips you should take note of
- Use a h1 tag rather than a h2 tag at the beginning in HTML. It makes it easy for screen readers to locate the beginning of the page. https://www.w3schools.com/html/html5_semantic_elements.asp has examples
- Using the root selector to store base information such as colors makes coding a bit faster and more tidy https://www.w3schools.com/cssref/sel_root.php, https://www.w3schools.com/cssref/css_selectors.php for more info.
Happy coding
Marked as helpful1
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