Skip to content
Submitted about 1 year ago

QR code Component

mohammedreddah•50
@mohammedreddah
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Hello everyone !!

Thankfully i didn't face a serious issue Durring the completion of the project .

But the way i specified the font family is kinda unprofessional, because the style-guide file already gave me an url of a font family but for a reason it doesn't apply.... so i forced a similar font using the font-family property. If anyone can help with this small issue i'll be grateful : ) .

Code

Please log in to post a comment

Log in

Community feedback

  • Vinny_A•50
    @Eye0001

    Hello @mohammedreddah

    Congrats on completing the challenge. You did a great job.

    For your concerns regarding the font, there are two main ways I would do it:

    1. Link/import: The first method involves going to fonts.google.com and searching for the font that fits your needs. You can then click the Get Font button in the upper right corner and then the Get embed code button. Make sure you have selected the Web option, you can then choose what font weight you want. You can either choose to use a link tag in your HTML or @import in your CSS.

    2. The second method involves you downloading the font directly to your project. Once you have done this you can use @font-face in your CSS file to use the font. The second part of this video explains it well.

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