Design comparison
Solution retrospective
Hello community, this is my first challenge. Any feedback would be appreciated π
Community feedback
- @PhoenixDev22Posted about 2 years ago
Hello Andrea Ruiz,
Congratulation on completing this challenge. your solution looks great. I have some suggestions regarding your solution if you donβt mind:
- In my opinion, the alternate text should indicate where the Qr code navigate the user : like
QR code to frontend mentor
(not describes the image). - What was the purpose of using three separate tags? Instead of using three separate <p> tags, you can should use one <p> tag as the content does not make sense it was not read together then if you want to limit the width of the
<p>
tag, you may usemax-width
rule. - You have used
<br>
, using<br>
is not only bad practice, it is problematic for people who navigate with the aid of screen reading technology. You can read more in MDN - Adding rel="noopener" or rel="noreferrer" to
target="_blank"
links. When you link to a page on another site usingtarget=β_blankβ
attribute , you can expose your site to performance and security issues.
Aside these, great job on this one. Hopefully this feedback helps.
Marked as helpful0@AndreaDev14Posted about 2 years ago@PhoenixDev22 Thank you so much for your feedback. I wasn't aware of this issue and I'm very grateful that you brought it to my attention. Now, I'll be able to make the needed adjustments to my project π
0@PhoenixDev22Posted about 2 years ago@AndreaDev14 Glad it was helpful. Happy coding!
0 - In my opinion, the alternate text should indicate where the Qr code navigate the user : like
- @siavhnzPosted about 2 years ago
Hello Andrea Ruiz, Congrats on the first challenge completion and starting this nice path to becoming a Frontendmentor challenger.
You've done great work. If you want to get better results, consider using this excellent chrome extension
Happy coding
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