@Hassiai
Posted
There is no need to give the body margin values.
To center the main on the page using flexbox, add min-height:100vh
to the body.
body{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
For a responsive content, give the main a max-width of 1440px and a width of 80% or a width of 80%.
Use the colors that were given in the styleguide.md found in the zip folder you downloaded.
in the media query for the desktop design, give the main display: flex and flex-direction: row-reverse.
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 and here
Hope am helpful.
Well done for completing this challenge. HAPPY CODING