@Hassiai
Posted
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 the body. Instead of giving the main a margin value.
Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on CSS units watch this https://youtu.be/N5wpD9Ov_To
Hope am helpful
Well done for completing this challenge. HAPPY CODING
Marked as helpful
@kadan-develop
Posted
@Hassiai Hey, thanks for feedback. Well i guessed that giving to main el. a fixed margin to be center would be a bad idea, but i could not find any other solution. So thanks for this. 👍