Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive QR Code Web Page

Sahuanā€¢ 90

@SahuanP

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,230

@danielmrz-dev

Posted

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

@SahuanP

Posted

@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
Discord logo

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