Blog Preview Card Challenge - Solution by M.E.

Nice work! Here's some suggestions:

1. Use fewer width and min-width rules and more max-width rules. They resize better, making your component "naturally" responsive.

2. Pay closer attention to the design spec. Designers are very picky. font-weight, font-size, line-height, border-radius, and padding can all be tweaked.

3. Lastly, take a closer look at the active state spec. What else changes when a user clicks the link? (Hint: It's really big, but it's not on the link itself.)

You're destine for great things. Keep going!

For the spacing, I suggest you put the contents of the card in a container and give that container a width. i.e card-content{width: 95%;} that way all the content within the card-content do not overflow and change the padding you originally set. For the author's Avatar, use the aspect-ratio: 1/1 on it so that it stays a perfect circle Nice work