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

@paramaguru077

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

Tommy Nguyenā€¢ 40

@TommyNhatNguyen

Posted

Font family and font size aren't correct. You can search font name on google fonts then add <link> tag to embedded the fonts. Card is bigger than design. You can use max-width to constraint its width Margin between text blocks aren't correct. This is because <h1>, <p> tags have margins set by default. You have to reset to margin: initial first, then try set margin-top: 12px latter.

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