Hassia Issah• 50,650
@Hassiai
Posted
Replace<div class="container">with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues. click here for more on web-accessibility and semantic html.
For the color of the image , give .right a background-color of of soft violet and add mix-blend-mode: multiply and opacity: 0.8 to the img.
.right{
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
Marked as helpful
0