Blog Preview Card

This looks really good overall.

Just a few small pointers

• try not to place text in divs or spans alone. It can be a bad habit that creeps in. Use meaningful elements, even paragraph for text.
• do you think the main image is meaningful content? If you think it is, then that's fine. Personally i'd consider it decorative so leave the alt blank.
• Similar on the author image. That alt description is only repeating the text that's right next to it so it's pointless describing that image.
• that description div is unnecessary. Try to keep the html as simple as possible.
• don't get into the habit of styling the html element. That background and min-height should be on the body not html.
• this challenge doesn't need a media query. The whole point of using max width instead of width is so that the card can already shrink narrower when viewed on a small screen. Use the larger max width and it will adapt naturally without a media query.
• the hover styles can be on the link by default. Note people can view mobile sized screens on any device including laptops and desktops (eg zoomed). If you want to exclude touch devices you'd put the hover style inside a hover media query @media (hover: hover) { although this isnt always needed.
• you've forgotten to make the whole card clickable I think, as the design shows. A simple way to do that is make the card position relative then add a media query to the link that's absolutely positioned to cover the card. Now the link effectively covers the card too.
• make sure you've got padding on an outer wrapper or a little margin on the card. As at the moment the shadow is being cut off at the bottom when I view on some screen sizes like mobile landscape.