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

Frontend Mentor Recipe page

@MisterWaner

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

@AlvaroPrates

Posted

Hey, nice work!

Adjusts that make sense from viewing the screenshot:

  • Add or increase the max_width property (with width: 100%)
  • Change the bullet points color
  • Adjust the font color to the lighter gray from the design system

Regarding the code, I saw that you nested css selectors. I didn't know that you could do that, thanks for showing me!

Marked as helpful

0

@MisterWaner

Posted

@AlvaroPrates

Thanks for your feedback on my solution. It's helpful because I did not know that the text color was the lightest gray, I thought it was black. I also did not see that the bullet points of the list were brown before. Thanks a lot.

1

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