Account Deleted
Since you have one-dimensional layout (vertical), it'll be better to use just flex instead of grid.
Also you can use semantic HTML tags like <article> for .blog-preview-card, <img> for .blog-image (with alt attribute for better accessibility), <time> (with datetime attribute) for .publish-date, <figure> + <figcaprion> for .author.
This solution could be done without pseudo-elements and media queries. To fit the image just set object-fit
Try to leave the next solution as simple as possible and I highly reccomend you to learn about mobile-first technique and to practice it 😊
Marked as helpful