Blog Preview Card

Community feedback

• 

  Huy Phan•2,380

  @huyphan2210Posted about 2 months ago

  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!

  0
• 

  Yacoub AlDweik•1,050

  @YacoubDweikPosted about 2 months ago

  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!

  0
• 

  Kaíke•40

  @kaikelfalcaoPosted about 2 months ago

  Nice man, keep the great work!

  0