Skip to content
Submitted about 2 years ago

QR code component using HTML and CSS

Greg David•440
@neena-coder
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

Comments and feedbacks can come in. Thanks.

Community feedback

  • Andréee 👾•190
    @aandreluisPosted about 2 years ago

    Hi, congratulations for the challenge!👏

    I noticed you forgot to add the project font, which is in style-guide.md

    Font
Family: Outfit (https://fonts.google.com/specimen/Outfit )
Weights: 400, 700

    You can get the font from fonts.google, the easy way:

    To add to <head>:

    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">

    Or add to style.css file, using @import:

    @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');

    Remember, after linking the font to add it to your css:

    Ex:

    * {
  font-family: "Outfit", sans-serif;
}
    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