Mobile-first solution using CSS Flexbox

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

I applied variables to the colors and used flex to vertically center the content. I also adjusted the viewport to 100vh, but I set a min-height of 812px so that when reducing the window it does not cover the card.

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

I was having problems centering the container vertically, but I finally solved it with flexbox

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

I'm not sure if I applied good practices and put the right classes. I am also not sure if I applied the Oocss, Itcss or Atomic Design methodology correctly or what the recommended methodology would be in this case.