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

css, css grid, html,

@taylor003

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@Digi-Omar

Posted

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

@taylor003

Posted

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

0

@taylor003

Posted

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

0

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