Responsive blog preview card

Good work, keep on practicing!

Let's go over some point that I observed from the screenshot:

• I think the card component would look better if centralized in the page. You could achieve that by wrapping the card in a <main> or <section> tags and set display: flex; and add align-items: center; and justify-content: center;.
• Need to ajust the card width property. In the figma files the card's width is 384px. To make this adjustment easier, you can set box-sizing: border-box in a universal CSS selector.
• In the design there is a little thin black border around the card. You can add all the properties in the border property.
• Need to adjust the spacing between elements in the card information. I think the easiest way to achieve different spacing is with the margin-bottom property.
• Probably should add a little more padding to the card, but I'm just being picky...