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

Final Project QR Code

SirKale 30

@SirKale

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


Hello! I am very new to coding and this was a little shaky for me since this is the first time I'm creating a website without any guidance or help. I am unsure if I did a great job because the border around the QR code and text isn't showing and the background is white. Wondering how I can do that? Please send me feedback about any mistakes in my code or things I can add and get better at. Thank you!

Community feedback

Lydia 60

@lydiadunning

Posted

Your background color is white because the background of your page is in the body element, and the body element's CSS is the same as the .container CSS.

body{
    ...
    background-color: white;
    border: 1px solid white;
    ...
}

If you change the body's background color, you've got the right shape.

Also, you don't need a border unless you can see one, border-radius works without it.

Marked as helpful

0

SirKale 30

@SirKale

Posted

@lydiadunning

Ohhh lol. I see that now. So I just had to change the background color of my body element's CSS. Got it. Thank you!

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