Skip to content
Submitted 5 months ago

Blog preview card

tchananet•170
@tchananet
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I was able to do lots without checking online.

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

I still struggle with being able to match the design pixel for pixel. I can get the layout but matching exact font-size, width, spacing, is hard.

Community feedback

  • kaLihaRi•50
    @kalihari90Posted 4 months ago

    Hello. If you struggle with pixel-perfect design you should try to use Figma file, where you have all information about spacing, sizes and so on. I like that you use clamp function for responsivness, but sizes of the fonts unfortunatetly don't match design. Overally good work, I see you're now more experienced than before, you have more challenges done, so maybe consider making this one pixel-perfect? Good luck & have fun

    0

Please log in to post a comment

Log in with GitHub

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