QR code component | Box Model with Flexbox

To make your card truly responsive I advice you to use this technique:

.card {
width: min(600px, 90%)
}

This ensures that the card won’t get bigger then 600px but on smaller screens it will be 90% of the viewport . The min() functions takes the smaller number.

It is the same as:

.card {
width: 90%;
max-width: 600px;
}

Hope you found this comment helpful ❤️

Good job and keep going 😁😃😉