Blog Preview Card

Hi, @BenTheChi

I saw your solution and I have some thoughts:

• If you’re not a pro user, you won’t have access to the original designs in Figma and Sketch.
• For the spacing issue, consider using browser extensions like Page Ruler or Measure to measure the spacing between elements accurately.
• It looks like your font isn’t matching the design because your page is using sans-serif instead of Figtree. The line font-family: "Figtree", sans-serif; indicates that the page is trying to load the Figtree font, but if it’s not available, it defaults to sans-serif - which is a built-in font. Make sure to import the Figtree font from Google Fonts, as mentioned in your style-guide.md. A little research on how to do this will go a long way.
• You mentioned that you were "eyeballing a lot of things," and that's completely normal! Even with access to the design, it still requires careful observation. Keep taking on challenges and aim to match the designs as closely as possible—you'll become more accustomed to it over time, which will help you grow as a developer.

Hope this helps!

Hey Ben! good job buddy .. About how you can get the measurements what I usually do is that I use photoshop (just an old protable version CS5) and there is a ruler tool so I sometimes start measuring and directly defining everything on the design itself so when I code I do not have to remember or take many looks back and forth which consumes my time, I just have my design with everything on it and I just write codes :) I sent you a connect on LinkedIn, I am looking for some guys to support and help each others on our way to become front-end devs, it's fun together right? keep it up dude!

Nice man, keep the great work!