Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

I feel like I needed something simpler to see if I was making progress

@brendowe

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Alex 3,130

@Alex-Archer-I

Posted

Hi!

Congrats with another challenge. That's one cool despite being simple =)

A couple tips if you don't mind =)

  • Since you made haver effect for the title it'll be better to add cursor: pointer as well. I mean hover effect mostly applied to clickable elements.
  • I have a few doubt about data tag for date part. data is a special tag which can contain some machine readable data, so it's for very specific cases.
  • I recommend you to use classes for styling instead ids. The convenience of this approach would be noticeable in bigger projects.
  • And responsive tip. For the width of the container better use max-width property. It'll allow the card adjust to smaller screens. As for height - it's better not to hardcode it at all. Let the content define height of the container.

Hope that helps =)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord