@Hassiai
Posted
Replace <h3> with <h2> to fix the accessibility issue.
There is no need for the styling of the main and no need to give .container a max-width value.
To center the main on the page, add min-height:100vh; display: flex; align-items: center: justify-content: center; or min-height:100vh; display: grid place-items: center to .container.
For the color on the image, add mix-blend-mode: multiply to the img and change the opacity value to 0.8.
Use relative units like rem and em as unit for the paddings, margins and width values. For more on CSS unit click her
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful
@Rexbrainz
Posted
@Hassiai Yes you have been helpful, I appreciate your help.