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

Sunvic567 40

@Sunvic567

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@mariokreitz

Posted

Hi Sunvic (@Sunvic567),

Thanks for your work on the project! The layout is heading in the right direction, but there are a few areas that need attention:

Colors: It looks like the color scheme doesn’t quite match the design. You might want to try using a tool like ImageColorPicker, which allows you to upload screenshots and pick out colors from them. This can help ensure your colors align with the project specifications.

Image Size: The image appears to be too large, which affects the balance of the layout. You might want to try setting a fixed width with an auto height for the image. Additionally, using CSS properties like object-fit can help maintain the image’s aspect ratio and fit properly within its container.

( ͡° ͜ʖ ͡°)⌐■-■

Overall, it seems like some of the basics are in place, but the project isn’t fully aligned with the design requirements yet. Keep practicing, and don’t hesitate to revisit the project brief to ensure everything matches up!

Marked as helpful

1

Sunvic567 40

@Sunvic567

Posted

@mariokreitz thanks for the review and the suggested tool is really a good start to improvement can you be a mentor if it is convenient for you. thanks

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