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

Responsive Blog preview card using html and css only

Bertrand 60

@Wendkunicode

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi! I hope you are fine. My second challenge on front end mentor. Happy to see that i am improving thanks to your advice. Please give me your opinions and advice on this code again. Thanks a lot.

Community feedback

Jack Phat 200

@PhatJack

Posted

Hi there, I think you should center your card by using

display: flex;
justify-content: center;
align-items: center;
height: 100vh;

And the box-shadow, based on the design you don't have to blur it. You just need to adjust the x and y positions.

0

Bertrand 60

@Wendkunicode

Posted

@PhatJack Thanks for your advices, i am going to try it.

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