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

Adriano 36,730

@AdrianoEscarabote

Posted

Hi nebiyoudawit, how are you doing? I really loved the outcome of your project, but I have a few suggestions that I think might be helpful:

To improve project responsiveness we can do this:

main {
    max-width: 700px;
    width: 100%;
}

The rest is excellent.

I hope you find it useful. 👍

0
Firdaus 50

@firdaus3

Posted

Hi! Great job on this project! Here are a few suggestions

  • Use relative units: Consider using relative units like rem or em instead of px for better scalability across devices.
  • Match font colors: Adjusting the font colors to match the design will enhance the overall look.
  • Responsive design: The desktop layout is well done, but for mobile, consider making the images fill the screen width just like in the original design.

I hope these notes are 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