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

Responsive Recipe Page

Joewanaaa 80

@Joewanaaa

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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 170

@deusdeteneto

Posted

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
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