Recipe Page - flex, responsive size, table

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

I am proud that I remembered as much as I did in terms of table/table data as well as formatting. I am proud for applying previous comments as well as reading up on positioning properties.

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

I was having issues with the tables; I had to look at other comments and codes to understand the issue. The element is one I haven't used in some time as well.

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

If willing, please take a look at the following:

1. The table: how can I make the size more responsive?
2. I'm not sure if the top and bottom margins are expected, but every example shows the expected visual centered top/bottom. Any suggestions for vertical alignment/centering?
3. My mobile output doesn't look like the example. It works, but the mobile output is only supposed to be the white background without the main page background.

Thanks!