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

P
Grymbo 60

@Grymbo

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

P
Margaux 120

@margaux-works

Posted

Hi Grymbo,

Congrats on completing the challenge! ✅

Your solution is looking really close to the design, well done :)

I have noticed a few things that could be optimised:

  • your HTML is well structured and organised. Keep in mind that you can use semantic HTML to make it more clear and readable. For example, you can use <main> to wrap your main content instead of <div>.
  • in the design, the card has a border of 1px (solid). This is currently missing from your development.
  • there is currently a blur applied to your shadow, while on the design the shadow does not have any
  • in the hover state, I believe the only change is the color of the main title. Currently, there is an hover effect applied to your border shadow.

I hope this is helpful and keep up the great work!

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