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 Page

@Priyank-Aggarwal1024

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

@OrnellaSablic

Posted

I think you did a good job with the challenge but there are some details that you should review to make your design look even more like the original. The design does not look good in mobile version, you should use pixels instead of percentage to set a fixed width to the card. Another detail that you should modify is one of the values of the 'box-shadow: 3px 5px 5px black' property that you used for this: 'box-shadow: 3px 5px black', eliminating the last value in pixels (5px) to remove that blur effect that the original design does not use. I can also notice that you used a different font than the original design, did you have any problems using the font that the challenge requires? Greetings!

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