Design comparison
SolutionDesign
Solution retrospective
This is my 7th challenge at front end mentor. I am learning so much from here. Please give me your feedback and like my solution.
Community feedback
- @Catalina-HasnasPosted 12 months ago
Hello!
As your next step, I would suggest looking into usage of semantic HTML. This helps with accessibillity and SEO. A thing that I see right away is that you can replace
<div class="label">
with an actual<label>
element. So you would have:<label for="card-number" class="label">Card Number</label> <input type="text" name="card-number" id="card-number" placeholder="e.g. 1234 5678 9123 0000">
Another thing would be adding a
main
tag in yourbody
tag. You can read more about semantic HTML in this articleMarked as helpful0@Md-JaabirPosted 12 months ago@Catalina-Hasnas Thank you very much. It was very helpful.
1
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