Skip to content
Submitted 25 days ago

QR HTML & CSS test

AnArguello•40
@anahiarguellomtz
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Adeline•70
    @AdelineSey

    Overall, a great attempt! I checked your live site and, unfortunately, it seems to be missing the white box and the background color. A couple things that I noticed:

    • The <div> opening tag on line 22 is missing its closing tag (</div).
    • The <a href> opening tag on line 32 is missing a URL.
    • The .card-container on your stylesheet (line 12) is missing a background color, which might be why the white background behind the QR code image isn't showing on your live site.
    • I would add a class="body" to the <body> opening tag on line 19, then on your style sheet, you can assign the page background color for that class.

    Hope these suggestions make sense. Keep up the good work!

  • Sasha•120
    @sashatka4uk

    In CSS file line 5 you have a problem, you not specify font weight:

    font-weight: <weight>;

    In HTML link to CSS must be:

    <link rel="stylesheet" href="style.css">

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