Blog preview card

Here are just some ideas, hope you find them helpful!

1. Add *{margin: 0; padding: 0; box-sizing: border-box;}: Reset CSS and have a better control on all the elements.
2. Use max-width instead of width on .preview-card: Let the component grow and shrink according to the screen size.
3. Add max-width: 100% to .top-image and remove margin: contain the image in the card component.
4. Adjust margin and padding

• Remove margin: 0% 5% , add margin-top: 24px on .label
• Remove padding: 0% 5% on <h1>, <h5>, <p>
• Add margin: 12px 0 on <h5>
• Add margin: 12px 0 24px 0 on <p>.

This is a peer review required by Frontend Mentor