Skip to content
Submitted 5 months ago

recipe page component using html and css flex

Sangeetha-1902•80
@Sangeetha-1902
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 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

  • Rupak Mukherjee•970
    @hannibal1631Posted 5 months ago

    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•80
    @Sangeetha-1902Posted 5 months ago

    @hannibal1631 thanks! it was helpful.

    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