Skip to content
Submitted 9 months ago

Responsive QR Code Web Page

Sahuanā€¢90
@SahuanP
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

I have to go back in some properties and techniques from html and css to build it properly, also there is a problem that i could not solve, that is the font in the GIT Site. If you download the project and run into your pc it will work, but the site doesn't import the font family, and i don't know why

Community feedback

  • Daniel šŸ›øā€¢44,250
    @danielmrz-devPosted 9 months ago

    Hello @SahuanP!

    Your solution looks great!

    I have one suggestion:

    • When importing the fonts, make sure to set the correct path inside the url, otherwise your code won't be able to find it. And if your code can't find it, the font won't be applied.

    šŸ“Œ This is your code:

    @import url(https://fonts.google.com/specimen/Outfit);

    šŸ“Œ And here's the update with the correct path:

    @import url('https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap')

    You have to put the url between quotes.

    I hope it helps!

    Other than that, great job!

    Marked as helpful
    0
    Sahuanā€¢90
    @SahuanPPosted 9 months ago

    @danielmrz-dev Thank you so much for the tip, i will do it! Also thanks for your words :)

    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