Blog card using html and css

Great work on solving this challenge! However, here are some tips to enhance it:

• Ensure your project is responsive, especially in landscape mode.
• Instead of using fixed height, consider using min-height.
• Utilize rem instead of px for better scalability.
• Incorporate the box-sizing: border-box; rule in your reset to ensure consistent box model behavior.
• Ensure heading tags are used in sequential order; avoid placing h4 before h1.
• Utilize Flexbox to easily center the card instead of using positioning. Here's a suggestion:

display: flex;
align-items: center;
justify-content: center;

Keep up the good work!