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

vknir 60

@vknir

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?

I was able to get most of the spaces, gaps, margins, paddings as close as possible to the intended design file.

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

This was a fairly easy challenge for me, as all the resources were provided.

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

I would like get help to include fonts in my projects that I further do

Community feedback

Zi 70

@code269

Posted

Borders are slightly off in design, but otherwise looks very similar to design.

Would have liked to see more em usage over px for some CSS properties. Using "main" for the container instead of "div" would improve HTML semantics.

Great job!

Marked as helpful

1

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