Design comparison
SolutionDesign
Solution retrospective
updated view icon now centered with
.overlay-img{ width: 1.5rem; height: 1.5rem; position: absolute; top: 45%; transform: translateX(540%); }
and also semantic elements used to make app more screen reader friendly
Community feedback
- @GiwaHalimPosted over 1 year ago
great, but the positioning of the eye image is of. try setting the parent div to position:relative, set display:flex and align-item:center. then set position for the eye image to absolute, top: 50% and translateY: (-50%)
0
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