Blog Preview Card Solution

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

I tried my best to fulfill the challenge brief. I managed to make a design that resembles the preview given. I want to complete these challenges more efficiently, so any advice is greatly appreciated! ^^;

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

I had a lot of trouble using "object-fit" for the image in the mobile design. My final solution after messing around in the Inspect Element tool in Chrome Developer Tools was as follows:

@media only screen and (max-width: 375px) {
    #headImage {
width: 100%;
height: 12.5625em;
object-fit: cover;
}

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

I think my css code needs work... any suggestions for improvements will be greatly appreciated :)