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 component

@Darshan-choubisa

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

@Gingerlox

Posted

Looking good!

One bit of feedback is on the mobile view, the edges of the container a quite close to the edge of the view port. You could have done on your container "blog-card" :

width: 80% max-width: 400px

This would keep a nice bit of space around your container in mobile view, but stop it from stretching on desktop view.

I can also see you have <blog-card> as an actual html tag. Unless there is something I do not know, this is not a valid element name. You should have maybe used <main> or <div> with a class of .blog-card?

Great solution!

1

@Darshan-choubisa

Posted

Thank you for your feedback !! I try to change the code as per your suggestion

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