Blog Preview Card with CSS transition on hover

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

I tried to organise my CSS better by nesting and using & for the hover selector. One thing I could perhaps do better is to organise my use of fonts better with variables. I should also probably use variable names for the colours that match the names in the design spec.

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

I managed to do a better job with spacing in this project compared to the previous project. I used the spacing values in the design document as variables in CSS. This made the look match the spec more easily, and it is has a more consistent layout all around. This also helps with making adjustments to make the layout responsive.

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

Could I simplify the structure of my HTML? I have a lot of wrappers - maybe some of them are unnecessary? Am I overusing flexbox? It's easy enough to use that I use it everywhere - but perhaps there are cons to overdoing it?