Recipe page with appropriate HTML schematics

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

Creating this recipe page allowed me to understand the appropriate HTML elements to use to structure the page based on the following design

Styling the page allowed me deep dive the fundamentals of flexbox, media queries and CSS specificity

If I were to rebuild this recipe page again, I would use CSS Grid to practice using the grid system to layout the page instead of flex box

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

One challenge I encountered was with the nutrition section, styling the table content.

For the th and td content, I was unsure how to push the th to the far left and td elements to the far right as much as possible .

Using MDN Web Docs, I figured out the best way to do this is to use flex-basis to grow the content as much as possible so I set flex to 1 for th and td to grow them evenly

What specific areas of your project would you like help with?

At the moment, none.