Blog preview card

Greetings! you have done a great job 😎

📌 Some accessibility and semantics recommendations for your HTML

• To improve the semantics of your HTML, you can change your <div class="attribution"> to a <footer class="attribution">

📌 Some suggestions

• Add a padding to generate interior space on your card. This prevents you from using margin or padding on child elements to achieve the same result
• Use min-height and max-width, this will help the content stretch or shrink if you need to. Unlike height and width which can cause your content to be cut off on certain screens
• You can apply the properties you placed in the main directly to the body. In this way, the footer will also be included and the vertical scroll will no longer be generated. Then you can remove the main and change the section to main. I don't know if I explained the latter correctly 😅