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
@GiwaHalim
Posted
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%)
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
