qr components using HTML AND CSS

Hey Faith Kalu Onyeani, how are you ? I really liked the result of your project, but I have some tips that I think you will enjoy:

Media queries are a powerful tool for creating responsive designs that adapt to different screen sizes and device types. Here are a few tips for working with media queries in your mobile design:

1. Start with a mobile first approach: It can be helpful to design for the smallest screen size first and then progressively add features for larger screens. This can help ensure that the mobile design is optimized and that any additional features are additive rather than disruptive.
2. Use breakpoints wisely: When using media queries, it's important to choose breakpoints that make sense for the design and to avoid using too many breakpoints. It's often better to use a few well-placed breakpoints rather than trying to target every possible screen size.
3. Test on multiple devices: It's important to test the design on a range of devices to ensure that it looks and functions as intended. This can help identify any issues with the media queries and ensure that the design is responsive across different devices.

I hope these tips are helpful! Let me know if you have any other quest.

Great work and keep going.

Hello there! 🤗 Awesome work on the project 😎

• On this project, media queries are not mandatory! Simply setting the width of the QR Code to like 300px should make it look great on all devices! 🎊

• I also would like to point out that the styles are not shown when i preview your website! I am not sure what is the cause of that problem, but probably something with the file placement in the github folder or other issue happened while uploading! 🤔

Keep up the great work! 🔝🔝