@Hassiai
Posted
Replace <div class="title"> with <h1> to fix the accessibility issues.
To center .card on the page using flexbox, replace the height in the body with min-height: 100vh.
increase the opcaity value of .overlay .hover to 0.9 so that the whit colore of the icon can be visible.
To center to icon in the overlay using position: absolute, give .icon a top and left value of 50% and transform: translate (-50%, -50%).
.icon{
position: absolute;
top:50%;
left:50%
transform: translate(-50%, -50%);
}
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful