Skip to content
Submitted 9 months ago

css, css grid, html,

joshua carter•240
@taylor003
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

I enjoyed working this recipe page out and still need some help. I did the small screen but I know it wasn't done in the right way, further clarity, and guidance withh be appriaciated. Thank you...

Community feedback

  • Odogun Emmanuel Oghenemaro•170
    @Digi-OmarPosted 9 months ago

    Hi You can try putting your image into a container of its own. Sort of like a header container. Then put your content into another container. This is so you can make your image occupy 100% of the viewport width without being impacted by the padding you give to the rest of the content.

    Marked as helpful
    0
    joshua carter•240
    @taylor003Posted 9 months ago

    noted with thanks, I will work on it @Digi-Omar

    0
    joshua carter•240
    @taylor003Posted 9 months ago

    noted with thanks, I will work on it @Digi-Omar

    0

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