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
Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@tiagocostarebelo

Posted

Hello @Mercy1024,

Good job on your submission.

Here are a few observations and suggestions:

Recipe Card Width: The width of the recipe card is not as wide as the design, causing the text to wrap incorrectly and giving it less space. Try increasing the card's width to match the design more closely.

Preparation Time Section: The preparation time section has more spacing between its content than specified in the design. Reducing this spacing will help align it more accurately with the design.

Flexbox Usage: You are using display: flex more than necessary. Simplify your layout by removing flex properties where they are not needed. This will make your code cleaner and easier to maintain.

Keep up the great work!

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