Blog preview card using Flexbox

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

I applied some pieces of advice I received on previous projects, like applying more appropriate units to distances. Moreover, I'm happy to start getting a hang of how should I think a CSS bigger component.

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

I displayed to elements of the container using flexbox. At some point, when I had to style the category element I realized that when you use flexbox along with flex-direction: column, you get an imitation of a block element, taking the full available width, regardless of that element you try to display(in this case it was a span element). In this situation, I learned that if you add align-items: flex-start, the flex items will then use only the minimum required width, behaving thus like inline elements.

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

So far, I have nothing specific in mind. However, I will really appreciate to receive comments and feedback regarding what should I improve/correct in this project!