Recipe Page

Community feedback

• 

  Darkpoet•110

  @Ojay16Posted 4 months ago

  Hello there!

  Congrats on completing the challenge! ✅

  Your project is looking fantastic!

  I'd like to suggest a way to make it even better:

  U could try using the flex property to make the content in your nutrition table align correctly to give the required outcome.

  Here's a highly efficient approach:

  📌 Apply this CSS to the nutrition content of the table (You could try giving each gram content the same class to easily target them ):

  .nutrition-list .gram {
    padding-right: 20px;
    color: hsl(14, 45%, 36%);
    font-weight: 700;
  }
  .nutrition-list li {
    flex: 1;
    text-align: left;
  }
  

  The flex: 1; property allows the list items to grow and shrink as needed, which allows you to easily apply the align-items: left property, and the padding-right property on the .gram Adjust the padding to align more to the left.

  Hope you find this helpful

  Happy coding!

  Marked as helpful

  0