Recipe page created using HTML, CSS, and Flexbox

What are you most proud of, and what would you do differently next time?

I am most proud of how I used Flexbox to align the contents of my table using the flex: 1; property.

.nutrition-list li {
    flex: 1; 
    text-align: left;
}

What challenges did you encounter, and how did you overcome them?

The only challenge I had was aligning the gram content of the table, but after a little research, I learned how to use Flexbox to achieve the required outcome.

By using the flex: 1; property, I was able to allow the list items to grow and shrink as needed, which enabled me to apply the align-items: left property.