Design comparison
SolutionDesign
Solution retrospective
still there is some bug on my project. i'm struggle with eye icon. maybe you guys can give me sugestion. thx
Community feedback
- @RioCantrePosted over 2 years ago
Hello there! Good job in completing this challenge. Regarding your solution, I would like you to notice the following…
- Instead of
div
, alternatively wrap the whole content with semantic tags, for HTML structures, refer it with this one Semantics - Import the
attribution
style in CSS file and remove thestyle
tag - Add
hsla(215, 51%, 70%, 1);
in the root variable assoft blue
and change the color in thebody
ruleset - Set the color in
a
ruleset intocolor: var(--White);
and add the hover state withcolor: var(--Cyan);
- Add a class in this line ...
<div><img src="images/icon-ethereum.svg">0.041 ETH</div> Into <div class="sample name here"><img src="images/icon-ethereum.svg">0.041 ETH</div> Css: .sample name here { color: var(--Cyan); }
- Add
align-items: center;
in theuser
ruleset
In the brighter side...
- The HTML structure is well organized and readable
- The project is responsive and utilized the details based on the original design
- The CSS properties is done accordingly with proper compositions and sizing elements
- The hover state of the design is done well, specially the hero image
Above all, the project is done well. Keep up the good work! Cheers!
0 - Instead of
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