Design comparison
Solution retrospective
Hello , this is my second project, could you tell me if there's something that can be improved or what should I learn for future projects?.
Feel free to leave your comments, any help will be appreciate it.
Thank you.
Community feedback
- @SagameisterPosted almost 3 years ago
Looks, fantastic! The only tiny improvement I can see is in the HTML mark up you can make it more accessible like so:
- Consider rewrite <main> to <main class="card"></main> and remove <div class="card">. You also save 2 lines. ;-)
- Consider changing <div class="text-container"> to <article class="text-container">...
By the way, I love the way you used the CSS variables. I need to do more of that.
Cheers. 😃
Marked as helpful0@GSD3v08Posted almost 3 years ago@Sagameister I changed the lines ,thank you very much for your advice that helps me alot to improve my code.
0 - @MatiX221Posted almost 3 years ago
Really good. You should have at least one h1 tag. You can change
<p class="qr-title">Improve your front-end skills by building projects</p>
into<h1 class="qr-title">Improve your front-end skills by building projects</h1>
And this accessibility issue will disapear.Marked as helpful0@GSD3v08Posted almost 3 years ago@MatiX221 thank you very much for your feedback, I've made the changes as you suggested and 0 issues.
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