responsive QR code web design

Hi there!! ✌️

Congrats on completing this challenge!! 🎉🎉🥳

Solving your question... You can the following 🙃

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

.qrcode-container {
    background-color: hsl(0, 0%, 100%);
    padding: 15px;
    border-radius: 16px;
    text-align: center;
    margin-bottom: 20px;
    max-width: 300px; // And add this
}

I don't recommend that you use the height property, but rather the min height property. The height property can cause you problems. 😥

Your solution is very good! 🎉

Happy coding!! 🎉🙃