Skip to content
Submitted 3 months ago

Qr Code Component

INDavid04•70
@INDavid04
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm happy with the centered div. Next time, I want to change min-height from 90vh to 100vh without creating a vertical scroll.

What challenges did you encounter, and how did you overcome them?

One challenge was adding the local font.

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

I'm not so sure if the local font, "Outfit", is or not applied to the website, even I linked it in the css.

Community feedback

  • youngimmortal-p•100
    @youngimmortal-pPosted 3 months ago

    Your project is cool. But i suggest that you should try using external reference for your CSS , so that your code will not look too jampacked. Keep it up bro

    Marked as helpful
    1
    INDavid04•70
    @INDavid04Posted 3 months ago

    @youngimmortal-p thank you! Sure, on future projects I will take your advice. Now I saw the internal css in the html document. However, do you know how to check if the font is the one from design?

    1
    youngimmortal-p•100
    @youngimmortal-pPosted 3 months ago

    @INDavid04 After applying my local font, i then compare how it looks with that of the design to know if the font was applies.

    Marked as helpful
    1

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