Design comparison
SolutionDesign
Solution retrospective
This is my solution to this challenge, please leave me comments. Thank you!!
Community feedback
- @BikeInManPosted almost 3 years ago
Great work! Nicely done with pure CSS.
Marked as helpful0 - @Dani237Posted almost 3 years ago
About the accesibility issues that you have on your solution, you must add an "alt" html atribute. That is for people who cannot see the image but use a screen reader, among other cases. For example:
<img src="./images/image-avatar.png" alt="The user avatar">
Then for the HTML validations, in order from your report:
- You must use a heading element (h2-h6) on each section element, if you don't want to use a heading you can use a div element instead a section element. - The same thing for the accesibility of the images. - The same of the first item about the section element and the headings.
Regarding the design, you did a great job!! Keep going!
Marked as helpful0
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