Blog preview card using HTML and CSS (with flexbox and grid)

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

I made the card using flexbox and grid which further strengthen the understanding of them.

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

I was having problems with spacing the elements in the preview card as some of the whitespace was not occupying the whole card. But I was able to do it with using grid and applying spaces between them using row-gap.

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

Since I was having problems with spacing in the card. I was applying flexbox for that so how do you place items in the card so that the top-most and bottom-most element get aligned with the top and bottom border and do not leave any white-space and give equal whitespace between the remaining elements in the card? Other-wise I had to use grid for this.