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

P
gajbos99 170

@gajbos99

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

/

What specific areas of your project would you like help with?

Feels like im not sure what is the best way how to size things.

Community feedback

matt2282 310

@matt2282

Posted

You forgot to implement the mobile layout.

The font color is not brown in the right side of the nutrition table. I just manually changed the style in the html like this.

<td style="color: hsl(14, 45%, 36%);"><b>20g</b></td>

It helps to rem and em instead of pixel measurements especially for things like padding, font size, and border radius.

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