Recipe page using Table HTML instead of CSS grid

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

I would make the table with css grid or figure out how to simply the code for the padding and borders. I feel like the answer to table formatting is easy, but I can't figure out how to do all the padding in one command and the borders in another single command. I ended up using :nth-of-type() to customize the first and last row.

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

It was difficult to do the table with CSS grid and table html because of the way the borders are set up and the fact that the padding is missing from the top and bottom. Also, I briefly considered switching the project to React because of the reusable components, like the section class.

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

If you could give a better solution to simplify the border and tables, or the bullets and numbered lists, that'd be amazing! I feel like I may have made it overcomplicated.