dipak• 380
@dipakpadule
Submitted
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
@dipakpadule
Submitted
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%)