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 card with plain HTML and CSS

Saya 90

@SayaOvO

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 challenges did you encounter, and how did you overcome them?

I think it's pretty hard for me to make my website look exactly like the design

Can anyone give me some suggestions? Thank you

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

I think it's pretty hard for me to make my website look exactly like the design

Can anyone give me some suggestions? Thank you

Community feedback

Huy Phan 1,360

@huyphan2210

Posted

Hi, @SayaOvO

I assume you're already aware that only Pro users have access to the design files.

Personally, I don't focus on matching the design exactly, as there are many variables that can affect it, and I don't think it's something to obsess over.

However, if you're aiming to match your website to the design as closely as possible, you can try using browser extensions like Page Ruler Redux, Measure-it, Dimensions, or PerfectPixel.

Hope this helps!

Marked as helpful

0

Saya 90

@SayaOvO

Posted

@huyphan2210 Thanks for the explanation! I got it. I will go check out the tools you mentioned.

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