Responsive QR-Code Component with CSS Flex-box

Hi @blue-mariposa 👋, good job completing this challenge, and welcome to the Frontend Mentor Community! 🎉

Here are some suggestions you might consider:

• The paragraph element's color is too light compared to its background, making it difficult to read. For example, change the color to hsl(220deg, 15%, 55%).
• Instead of using pixels in font size, use relative units of measure like rem or em. The font size in absolute length units (px) does not allow users with limited vision to change the text size in some browsers. Reference.
• You can use max-width: 300px to .container selector instead of width: 20%, this will make the card container a bit responsive on mobile and set the element's maximum width to 300px. It will help you avoid occupying too many media queries.
• Use margin: 0.938rem or margin: 15px in the .container selector so that it has some space when viewed on mobile devices.

I hope those tips will help you.

Good job, and happy coding!