Responsive recipe page

Community feedback

• 

  Rahul Kumar•570

  @rahulkumar215Posted 8 months ago

  Hello @Johannes-pries👋

  Congratulations on successfully completing the challenge! 🎉

  I have a suggestion regarding your code that I believe will be of great interest to you.

  • In Nutrition section of your solution, the last row has a border-bottom, however in the design, there is no border in the last row,

  so this will be easy just do this,

  .table-nutrition table { width: 100%; text-align: left; font-family: "Outfit"; border-collapse: collapse; }

  and remove this

  .table-nutrition td { //remove this border-bottom line border-bottom: 1px solid var(--Light-Grey); padding: .6rem 0 .6rem 1.5rem; }

  and add this

  .table-nutrition tr:not(:last-child){ border-bottom: 1px solid var(--Light-Grey); }

  and done✅

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  If you need any feedback or suggestions, I am happy to help

  Have Fun Coding!

  Marked as helpful

  0
• 

  jotaprojects•100

  @jotaprojectsPosted 8 months ago

  Great work with this!

  Tables can be a bit tricky. I would suggest try add border-collapse: collapse on your table and then you will get a solid line. By default a table has borders.

  Marked as helpful

  0