Mentor blog preview card solution in CSS (almost Pixel perfect)

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

I am able to recognize which margin will collapse to make it pixel perfect according to Figma.

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

1. The image was broken at first, but I added ./ and now it works normally.
2. Centering the card was a bit challenging, since I haven't yet learned flexbox.

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

1. Do my HTML semantic tags improve accessibility?
2. Sometimes margins and spacing are all over the place, and the code becomes messy.

Any review would be appreciated!