Skip to content
Submitted 5 months ago

Recipe Page Challenge

Erik Norder•40
@R3lss
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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•70
    @teixeirabrennoPosted 5 months ago

    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

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