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
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


What are you most proud of, and what would you do differently next time?

great

What challenges did you encounter, and how did you overcome them?

great

What specific areas of your project would you like help with?

great

Community feedback

@KasiaKaz14

Posted

Hey. You were really close to make the project similar to the template. Look at the avatar and the name. They are out of the card. You can add height to the whole container and decrease the margin/padding of this element. You should also add the border and box shadow. I could recommend you to use such web as css generator. It can help you position elements and create an interesting box shadow to your projects. You can also try to decrease the height of the main photo, becasue we can't see the whole border-radius. That's all. Good luck in the future. Best Regards, K.

Marked as helpful

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