Responsive Recipe Page using Grid, Flexbox and Media Queries

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

Getting comfortable keeping up with a custom design system that is consistent with the mockup. I am happy that I am able to achieve a more responsive layout that is similar to the breakpoints from design mockups.

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

Styling the table is not so intuitive as I tried multiple attempts to get the styling similar to the design. I ended up setting up a custom divider and apply row-gap instead of direct styling on the default elements. I find it limiting to style the table.

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

I would love to see any feedback on responsiveness and more so semantics.