Skip to content
Submitted 5 months ago

Recipe page using HTML and CSS

Fadya•220
@MaxCoder-mc
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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

  • Andy•140
    @AStombaughPosted 5 months ago

    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
    Fadya•220
    @MaxCoder-mcPosted 5 months ago

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

    0
    Andy•140
    @AStombaughPosted 5 months ago

    @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
    Fadya•220
    @MaxCoder-mcPosted 5 months ago

    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

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