Design comparison
SolutionDesign
Solution retrospective
I found difficult to replicate the hover effect of the images but in the end, with a little help, i get it done. Any feedback is appreciate.
Community feedback
- @Mr-jawPosted over 1 year ago
Hello there 👋
well done completing the challenge
HTML 📄
- replace
<div class="attribution">
with the<footer>
tag to fix accessibility issues.
CSS 🎨
- The
opacity
property is between 0 and 1. 0 being complete transparent and 1 being complete opaque. so in the following line of codes, it is not necessary to set theopacity
to 100. setting it to 1 will give the same exact result.
.images div:active { opacity: 100; }
It's great that you used CSS custom properties and relative units
I hope this was useful 😊
KEEP IT UP
Marked as helpful0 - replace
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