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

Blog Preview Card | Fronted Mentor | @eduardolluis

@eduardolluis

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

henryapm 120

@henryapm

Posted

Hey Eduardo, congrats on finishing the problem, btw I like that you added a hover effect to the title of the card, however I have to highlight and give you some feedback on what I see that you could have improved, It seems like your solution has bigger dimensions than the actual design, at the same time seems like you use the right colors so congrats on that.

One last thing I would remark is that you could use some more semantic html elements, like main, section, or article in my case I used section and main for the main content, but I'm not gonna ignore that you used footer for your card, so that's some progress. I also noticed that the padding on your elements is not the same, so I guess that's one negative aspect of the design, but the rest looks good, so I hope you keep it up!

Marked as helpful

1

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