QR Code

Hey Natalia, The scrollbar appears on the page that because the body element has a default margin --> margin: 8px; --- Remove the margin:

body {
    font-family: 'Outfit', Arial, Helvetica, sans-serif ;
    font-size: 15px;
    background-color: hsl(212, 45%, 89%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;

   margin: 0;    /* <---- Add */
}

Hope this is helpful to you... Keep coding👍

Add to the body for centering:

display: flex;
justify-content: center;
align-items: center;

And change <div class="container"> to <main class="container">.

You could even add a small shadow to the card with the box-shadow: 0 12px 16px -2px rgba(0, 0, 0, 0, 0.2) attribute.

And ready you will be perfect and without any error :D