Responsive card using Flexbox

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

I'm proud that I am becoming faster at coding the challenges.

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

The height of the content being larger than the viewport on small mobile devices made it tricky at first to have that bottom margin on small mobile, but at the same time to also be centered both on mobile and on larger screens. I managed to fix it through wrapping everything in one main container, then using a grid, min-height: 100vh and place-items: center on the body.

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

Any advice on best practices or areas where I can optimize my work would be greatly appreciated.