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

QR Code Component Challenge - Solution

@MichaelSurgeon

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Gabriel_BC 300

@GabrielBC2021

Posted

Just a couple of tips

1.- Don't mix your HTML with your CSS, you have your stylesheet.css and your index.html but in your HTML file you are using styles in your head tag, just cut those styles and paste them in your stylesheet.css.

2.- You are not importing the font family the right way, here is a solution:

You can import your font family in your CSS heres how you can import it and how to use it in your body:

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

and now in your body,

body { font-family: 'Outfit', sans-serif; }

remember, all of this in your CSS file, the import you can put it right in the top of the file.

Hope this helps you :D

Marked as helpful

2

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