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

rlboogey 30

@rlboogey

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please provide feedback

Community feedback

Leonardo 100

@ls-cabreira

Posted

You can place the image inside a div and center it with margin: 0 auto. In the image, try using the viewport width unit so that it takes up a percentage of space based on the user's screen. Start with width: 50vw and adjust until the image is visible, but not too stretched.

0

@believer-danish

Posted

try to fix image. Use display:block for <img> tag.

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