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 component using html and css flex

@Sangeetha-1902

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 challenges did you encounter, and how did you overcome them?

i encountered some problems with the bordering styles with the table. I can't add the bottom border for the table .

Community feedback

@hannibal1631

Posted

Great job! This one looks perfect. One change i would suggest you to do is to increase the font-sizes and margins to make it similar to the actual design. The problem you're facing is common. I looked into your code so you can try this .nutrition table tr { line-height: 2.5em; border-bottom: 1px solid var(--Light-Grey); margin-bottom: 5px; }. Try this instead of tr > * and do let me know if it helped.

Marked as helpful

0

@Sangeetha-1902

Posted

@hannibal1631 thanks! it was 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