Skip to content
Submitted almost 3 years ago

Meet landing page

Nicholas Tapia•60
@tapzx2
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

The fonts are always off in my solutions compared to figma or screenshot. I double checked everything and still not correct. Any ideas why this is happening?

The solution screenshot is not what is being displayed in any browser I look at. Suggestions on how to fix this?

Thanks!

Community feedback

  • Stefan•730
    @stfnpczkPosted almost 3 years ago

    Hi Nicholas, I also have the impression that the font in Figma appears crisper than in the browser. I believe, this is because they both run different rendering engines. For more details see this figma forum post.

    As for the screenshot, you compare two jpg images against each other. Jpg is a lossy image format which is why it also looks different from what you see in the browser.

    Marked as helpful
    1
  • Nicholas Tapia•60
    @tapzx2Posted almost 3 years ago

    Thanks Stefan, that Figma detail really puts my mind at ease!

    Ah, for the jpg I don't mean quality. The element locations are very different in the generated preview compared to what I'm seeing in the browser.

    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