Responsive blog card

Greetings! you have done a great job 😎 Hey your solution is amazing! 🤩

📌 Some accessibility and semantics recommendations for your HTML

• To improve the semantics of your HTML, you can change your <div class="card"> to a <main class="card">
• You can apply display: block to the image to remove the white space generated underneath. Although visually in this case it is irrelevant, it helps you better calculate the space with other elements
• For your <div class="date">Published 21 Dec 2023</div> you can use the time tag: <p class="date">Published <time datetime="2023-12-21">21 Dec 2023</time></p>. More info