Blog Preview Card using HTML and CSS

Hi. Some notes:

• footer should be outside the main as a sibling not a child.

• img is decorative and no need to alt text and it should be empty like alt=""

• Use min-height:100vh instead of height

• For your .badge use p tag that is more semantic.

• Your font-size should never be in px unit and you have to use rem instead.

• Your h2 is interactive because has hover effect. when an element has hover effect, then it should be interactive. So you have to wrap it between a or button too. If It takes you to a new page then It's a and If doing an action then It's button.

• Use a proper CSS reset for your styles. Andy Bell has a good one.

Design and code output matches . Can concentrate on padding and margins. Good work