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

Easy solution using html and css - blog card

@ShivamRajput57

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

@YunggBladez

Posted

Very good job on this one. Upon first glance its hard to notice any real difference between your solution and the original. After a second glance I can point out a few things and how to address them:

no border on the top or left. Using the border-top and border-left properties you can add a 1 px solid black border to fix this.

Blog description width. Yours is 1.5 lines and in the original its 2 lines and 1 word. Can adjust width to fix this.

Not enough padding. To fix this, increase padding.

Line height in blog description. can add "line-height:" to fix.

Overall your design seems to big compared to the original as well.

But great job! Hope you can implement these changes and gain a deeper understanding. Good luck!

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