Blog Preview Card using only Semantic CSS and HTML

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

I'm happy I managed to make the design using no divs and semantic HTML only (slightly unsure about the footer tho), also I was used to applying fonts with CDNs only, so I'm happy with how I structured the CSS for locally downloaded fonts.

The challenge took me only around 15 minutes but then I wasted 1 hour trying to make it pixel perfect XD

for the next challenge I want to try to implement ARIA Labels and other accessibility stuff & BES to structure my CSS.

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

Tbh nothing but I was unsure about what HTML element assign to some stuff, like it would make sense for the "learning" tag to be a button but idk and I made the blog title's an H1 with an :hover pseudo-class but only because I saw active-state png.

Now that I think about it I guess that it should have been a link tag nested(?) inside, but having all of the card be clickable and redirect to the blog article would make even more sense...oh well.