Skip to content
Submitted over 2 years ago

Ejercicio de CodigoQR

Jhonny•180
@jhonnymosquera
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

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted over 2 years ago

    👾Hello Johnny, congratulations for your first solution and 😎 welcome to the Frontend Mentor Coding Community!

    You've done a great work here wrapping all qrcode content inside the div. Something you can consider fix is the card alignment that's not vertically aligned yet.

    To fix this alignment you can use flexbox and min-height: 100vh to make the body display 100% of the viewport height and the container align to this size"

    body {
    min-height: 100vh;
    font-size: 16rem;
    font-family: Arial, Helvetica, sans-serif;
    background-color: var(--fondo-body);
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}

    You need also to add a title to your page, you can do that insertint <title>QR Code - Front End Mentor</title> to the <head>

    👋 I hope this helps you and happy coding!

    Marked as helpful
    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