@Hassiai
Posted
Wrap the content of the html with the main tag to fix the accessibility issues. click here for more on web-accessibility and semantic html
Wrap the <h1> and <p class= description"> in a header tag.
sample html.
<main>
<header> <h1></h1> <p class= "description"></header>
<div class= "container">
....... its content goes here.
</div>
</main>
There is no need to give the body a min-width, min-height and padding values.
Give the main a max-width of 1440px and width of 80% and margin: 0 auto or a width of 80vw and margin: 0 auto, for the left and right side space of the page.
Use relative units like rem or em as unit for the padding, margin, width values and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful