QR code component challenge with Html & Css

Hello there 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

• Use semantic elements such as <main> and <footer> to improve accessibility and organization of your page.

• Use min-height instead of height for flexibility across devices and screen orientations. Fixed heights may cause issues, especially on mobile devices in landscape mode, try checking your solution on a mobile device in landscape mode, and you'll notice how the component height is constrained, and the background might not apply correctly.

• Consider using max-width instead of width for your component's width. This way, it will resize when the screen is smaller.

• In larger projects, adopting a mobile-first approach when working with media queries can be beneficial.

I hope you find it useful! 😄

Happy coding!