Recipe Page

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!