Skip to content
Submitted about 1 year ago

Recipe Page

rlboogey•30
@rlboogey
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

Please provide feedback

Please log in to post a comment

Log in with GitHub

Community feedback

  • Leonardo•100
    @ls-cabreira

    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.

  • Muhammad Danish•200
    @believer-danish

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

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