Responsive card component using Flexbox

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

I continue to appreciate CSS variables for making my stylesheets easier to maintain and update. I also think I named classes fairly well, though I am interested in implementing BEM for naming conventions. Perhaps next time...

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

I didn't hit any challenges, though I did re-familiarize myself with common practices like resetting browser-defined styling and the gap style property for flexbox.

I forgot the structure for defining a 'box-shadow' so I looked it up on MDN. It's always a comfort having resources like MDN within reach.

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

I would love to receive feedback on how I can improve my use of semantic HTML tags and (though more subjective) my CSS class naming.