Skip to content
Submitted 4 months ago

Responsive Recipe Page

Joewanaaa•80
@Joewanaaa
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 are you most proud of, and what would you do differently next time?

Finishing this project

What challenges did you encounter, and how did you overcome them?

Image. I have to adjust the image pixel by pixel per size of the screen. The colors, I don't know if it's just me but I had a hard time differentiating the colors?

What specific areas of your project would you like help with?

Any feedback will be much appreciated. Thank you!

Community feedback

  • Neto•190
    @deusdetenetoPosted 3 months ago

    It seems that the image is a bit distorted, probably because you applied specific height and width settings, which affected the original aspect ratio. Try to work with the image tags and avoid altering the height directly on the image.

    The background color is different from the provided solution. Please review the spacing and border-radius of both the card and the image. This is often an aspect people overlook, especially since it can be challenging to redesign just from the image without the Figma file.

    Overall, your solution is very good. Great job on your work! Keep studying, practicing, and improving. If you need any help, feel free to reach out. Best of luck!

    Marked as helpful
    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