Design comparison
Solution retrospective
I need feedback on the image hover part what is the best way to do it ? why ?
and I need feedback on the image view icon, why is it effected by the background color? How can i fix it so it remains with it's original shade.
Community feedback
- @Ciph-rPosted almost 3 years ago
I ran into issues with the view icon as well. From what I read it seems that opacity affects all the child elements. To get around the issue I ended up using a div with the background set to the Cyan color and some alpha, so hsla instead of hsl. That left the view icon at 100% opacity.
Marked as helpful1@Back-xyPosted almost 3 years ago@JordanHunt3r you're right that might be the problem i will try alpha channel next time, Thank you that was really helpful
0 - @anoshaahmedPosted almost 3 years ago
Hey good job on this challenge! Your report above shows a few issues though:
- wrap everything in your body in
<main>... OR use semantic tags! .... you can also giverole=""to the direct children of your<body>but that's a little frowned upon... Read more here - have at least one
<h1>in your code <section>and<article>usually need a heading; so if you don't need a heading in it, use some other element such as<div>
Here's my repo for future reference.
Hope this helps :)
0 - wrap everything in your body in
Please log in to post a comment
Log in with GitHub
Join 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