@Hassiai
Posted
Replace <div class="main-container"> with the main tag and <h3></h3> with <h1></h1> to fix the accessibility issue. For more on semantic html visit https://web.dev/learn/html/semantic-html/ add alt to the <img> to fix the html error issue , the value of alt is the description of the image,
There is no need to give .main-container a margin value .
Add justify-content: center to the body to center .main-container
align-items: center; centers .main-container vertically and justify-content: center centers .main-container horizontally.
Hope am helpful HAPPY CODING
Marked as helpful