Design comparison
Solution retrospective
Your feedback is valuable for me. Thanks in advance
Community feedback
- @vanzasetiaPosted over 2 years ago
Hello there, Kalim! 👋
Congratulations on finishing this challenge! 🎉
Alternative text for any images should not have any words that are related to "image". So, my recommendation is to remove the word image. Also, the alternative text can be improved by telling the user what the QR code is for. I suggest improving the alternative text to "QR code for frontendmentor.io". This way, the user knows that it is a QR code image for the Frontend Mentor site.
Even though it's not a big deal on a small project like this one, however, it is important to write low specificity stylesheet from now. In your CSS, I noticed this selector
section .text p:first-child
which would be much be as.text p:first-child
. This still can be improved by adding a class name to it so you can just directly select the element by referencing it using its class name. This way, when working on a larger project the stylesheet is more maintainable and easier to understand if you want to refactor it in the future.That's it! Hope this helps. 😊
Marked as helpful2
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