Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
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 Challenge

@R3lss

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?

I'm really proud that i could organize everything.

What challenges did you encounter, and how did you overcome them?

In the table part I didn't know how to get the same style as in the design file, but after a little bit off researching and thinking I obtained the result.

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

How can I improvise that table in the "Nutrition" part

Community feedback

@teixeirabrenno

Posted

When I was doing this challenge I faced the same problem on the ''Nutrition'' part. I got it done by creating a table with 4 rows and putting a border below each row. It looks almost the same as the way you did but it's more practical and you can change the color of the thin line between each row if you want/need. I'm not sure if you can change the color of an <hr>. I tried and couldn't do it.

I'll leave the link to my GitHub here so you can check it out how I did it, ok? https://github.com/teixeirabrenno/recipe-page

Good job and let's keep improving!

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