Submitted over 1 year ago
QR Code Component challenge with HTML and CSS flexbox (mobile-first)
@SouzaSantosK
Design comparison
SolutionDesign
Solution retrospective
I haven't had any difficulties during this challenge, but if anyone has any tips about best practices or how I can optimize my code, such as removing redundant parts or "doing this instead of that," please feel free to leave a comment with your opinion.
Community feedback
- @0xabdulkhaliqPosted over 1 year ago
Hello there π. Congratulations on successfully completing the challenge! π
- I have other recommendations regarding your code that I believe will be of great interest to you.
COMPONENT MEASUREMENTS π:
- The
width: 100%
property forbody
element is not necessary. becausebody
is a block level element which will take the full width of the page by default.
- So feel free to remove
width: 100%
style rule frombody
element
- Examples below from you
css
file
body { width: 100%; }
.
I hope you find this helpful π Above all, the solution you submitted is great !
Happy coding!
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