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

First project with HTML and CSS QR Component

Joel 20

@Jjumba4

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


Awaiting any feedback on how i can improve. Thanks in advance.

Community feedback

Lacey E 110

@laceeder

Posted

To get background images to show, you need to put ' ' in the parenthesis like this: background-image:url('./images/background-image');

also, why do you have 3 index.html files? You should only have one. I also believe your css file isn't linked properly in your html file. I use this: <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css">

and refer to the style guide for font-weight. With this one, you should use 400 and 700 for normal and bold. So it should look like this: font-weight: 400;

Here is a good source for media queries from DEV.to, it's very helpful. In the style guide, they give you the 2 you'd need, mobile and desktop. You can choose to do tablet if you want to get more practice.

Hope this helps and good luck!

Marked as helpful

0

Joel 20

@Jjumba4

Posted

@laceeder i`m currently re-attempting the challenge and i also wonder why there were many HTML files. Since that was my first time i will do better in the re-attempt

0

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