Skip to content
Submitted over 1 year ago

Final Project QR Code

SirKale•30
@SirKale
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

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
    @lydiadunningPosted over 1 year ago

    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
    @SirKalePosted over 1 year ago

    @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

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