@Hassiai
Posted
Wrap <div class="attribution"> in the footer tag to fix the accessibility issue.
Give the alt attribute in the img a value. The value of the alt attribute is the description of the image. For decorative images like icons, there is no need to give it an alt value, for more on alt attribute Click here.
There is no need to the .card-component rather give .left-content a padding value for all the sides for a responsive content
For the color of the image, give .right-content a background-color of soft violet and the img a width and height of 100%, object-fit: cover, mix-blend-mode: multiply and opacity 0.8.
.right-content{
background-color: hsl();
}
img{
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply;
opacity: 0.8;
}
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
@nirmalroyalrich
Posted
Thank you @Hassiai I was a bit confused about the blending-mode. I will fix it and update it.