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

KWaren 60

@KWaren

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Ann 80

@anastDev

Posted

Hey, just a heads-up—I'm still learning, so I might not get everything perfect with my feedback!

One thing I noticed is that the fonts seem a bit different from the design. In the style-guide.md, it suggests using Young Serif (Weight: 400) and Outfit (Weights: 400, 600, 700). Adjusting those might help match the design more closely! Also, some of the colors could be tweaked to align better with the original design.

I think reducing the space between the h1 and the paragraph could also help make things feel a bit more cohesive. A smaller gap might make it easier for readers to associate the title with the description.

Maybe try reducing the spacing between them to around 24px and adding padding-top: 40px; to keep things balanced. You might also want to review a few other elements to make sure they’re consistent with the design.

But great job overall! Keep it up!

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