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

card component

@eyeronic09

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

@frost3dWave

Posted

  • At a first glance, its obvious that the profile/author section at the bottom of the card is nowhere near what the design suggests & everything seems a lot bigger in general. So i would suggest you to check out the design files provided for this challenge.
  • Make it a habit to not include internal CSS like you did in here, always use a external stylesheet & link it in the HTML. Its a best practice to follow & also makes the HTML remain clean.
  • Do not set fixed height like you have done so for centering the content, use a min-height to keep content from behaving in unexpected ways on smaller screens.
  • For similar reasons, do not set fixed width on your card component, use max-width so the content does not grow over specified dimensions & shrinks when necessary.
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