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
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

Vincent 160

@Vincent-Wirwicki

Posted

Your class naming is clear and the design is respected. Only the image is bit offset. A nice trick for images is to use Object-Fit propety and add a wrapper div arout it. Speaking of wrapper div, I think you can remove some of them. It would make the html easier to read. But it is only my personnal taste. It is a good work overall.

Marked as helpful

0

@Usri96

Posted

Hi Anas,

Glad that you tried to complete the challenge by yourself. There are certain improvements that can be done:

  1. Padding on the blog is not correct.
  2. Border radius can be checked and improved
  3. Responsiveness of the design can be improved.
  4. Make line height to 150%.
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