Blog Preview Card using HTML and CSS

Community feedback

• 

  P

  Kamran Kiani•1,280

  @kaamiikPosted about 1 month ago

  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.

  Marked as helpful

  1

  ---

  

  ckullo•60

  @ckulloPosted 30 days ago

  @kaamiik Thank you for your feedback, I've updated the solution as you suggest.

  0
• 

  Ramkumar B N•40

  @Ramkumar492Posted about 1 month ago

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

  0