On the <body>
tag in your media query, I would remove the height: 100vh;
or change it to min-height: 100vh
as it's causing your content to be larger than the browser window, forcing me to scroll out to see the entire layout.
Thank you for your help, i did what you suggested, it is better but still there is something wrong @AStombaugh
@MaxCoder-mc It looks like you're just missing the margin
on the <body>
tag if you want it to be centered in the middle of the page like the design file.
Marked as helpful
Added margin-block: 7.937rem; to the main in the media query.
Thank you very much@AStombaugh