Design comparison
Solution retrospective
Here is my solution on the QR challenge. Don't forget to give a feedback so that I can improve my skills. Thank you!
Community feedback
- @Mr-jawPosted almost 2 years ago
Hello There 👋
Nice Job on completing the challenge
HTML 📄
-
replace
<div class="attribution">
with the<footer>
tag to fix accessibility issues. -
Instead of using a
<div>
tag for<div class="front-end-text">
It would be accessibility friendly if you use a header tag, and instead of using a<h1>
tag for<h1 class="scan-qr-text">
I prefer using a<p>
tag for it since it is a descriptive text.
CSS 🎨
- Use relative units such as
em
orrem
for margin, padding, width, and height, and preferablyrem
for font sizing for responsiveness. avoid usingpx
since it is an absolute unit.
I like the fact that you used CSS custom properties to assign variables.
I hope this was something useful 😊
KEEP IT UP!
Marked as helpful2@codepap1Posted almost 2 years ago@Mr-jaw I'll surely do that on my future challenges and projects. I appreciate your feedback. Thank you so much! 😁
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