Submitted almost 3 years ago
Profile card component using Grid and Flex Box
@alvin-dev
Design comparison
SolutionDesign
Solution retrospective
Hi, feel free to help me improve my solution :)
Community feedback
- @techantherePosted almost 3 years ago
Hey, please take care of semantics in code.
- There should be at least one level-one heading and that could be the name of the person here.
- Never use heading tags, unless they are really required, it doesn't make sense to use headings for the stats count as a heading always requires some context, so you can instead use paragraph and the same styling for the text when you find it bigger than the normal text.
- Since you are using a section tag, For accessibility purposes, there should be one heading following the section tag and that is the person's name in this case. aria-labelledby with section and reference to the id of section's heading will make it accessible.
- Don't use px units, instead use rem units as rem units automatically scale up and down elements while px should be rarely used. Good luck!
Marked as helpful0@alvin-devPosted almost 3 years ago@techanthere thanks for the help, i'll improve my code :)
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