Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe page using HTML and CSS

P
Fadya 110

@MaxCoder-mc

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

Please help me with the way my page browsing, there is a problem with the display i can't figure it out... when i inspect the solution there won't be any problems

Community feedback

P
Andy 140

@AStombaugh

Posted

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.

0

P
Fadya 110

@MaxCoder-mc

Posted

Thank you for your help, i did what you suggested, it is better but still there is something wrong @AStombaugh

0
P
Andy 140

@AStombaugh

Posted

@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

0
P
Fadya 110

@MaxCoder-mc

Posted

Added margin-block: 7.937rem; to the main in the media query.

Thank you very much@AStombaugh

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord