Design comparison
Solution retrospective
How can create the active state of the equilibrium image having the eyes icon on it.
Community feedback
- @shashreesamuelPosted over 2 years ago
Excellent work
Your solution looks great however I think that the following should be considered
-
The font family of the card does not match the font-family specified in the
style-guide.md
file -
The divider line needs less opacity using
opacity
-
The user avatar is missing a white border around
In terms of your accessibility issues
-
the id attribute value must be unique which means that you can only use it one within your html markup
-
your html document is unable to identify the main content hence wrap all the tags within the body element within a main tag. It will resolve the issue because the main content will be identified.
In terms of validation errors
-
Bad value fonts for attribute rel on element link: The string fonts is not a registered keyword. I think you intended to have this instead
<link rel=`stylesheet` href=`https://fonts.google.com/specimen/Outfit`>
-
Bad value 30px for attribute width on element img: Expected a digit but saw p instead. This is because you specified the css unit
px
when you just needed to specify a value without any css units.
I hope this helps
Cheers Happy coding š
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