Responsive Blog Preview Card using CSS flex

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

I am most proud of my ability to make this blog preview card responsive on different screen sizes using the CSS media queries. Next time, I plan to use more CSS combinators than individual classes.

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

I initially designed for desktop first so I had little issues transforming the card to a mobile friendly version. To solve this, I changed the main CSS rules to address a mobile device first then added a media query for larger screens like tablets and desktops. I also utilized dynamic sizing of the card.

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

I do love an honest feedback of the quality/structure of my codes (both HTML & CSS). Does the HTML elements used tell the true meaning of the content? Does the CSS naming adopted follow best practices and help others easily understand the code?