QR code component - HTML, CSS, Flexbox, Grid

Congrats on completing this challenge 🎉🎉. You did a really good job 😇. Just a few things though.

1. For some reason you created two branches on your repo 'main' and master branch 🤔. You could consider moving your code to the main branch and getting rid of the master branch 😉 this will make it easier for other developers to find your code and give you helpful feedback 😇. You could check out this YouTube tutorial by The NetNinja on YouTube to better understand how Git and GitHub works 💪
2. You should consider wrapping your card with a main element instead of a div. This will help make your html markup more semantic and easy for additive technologies like screen readers to easily navigate your site/page.
3. It is required by the WCAG guide that every page contain one h1 element. This will again, make your html markup semantic as well as make it easy for people with disabilities to easily navigate your page/site.
4. To easily center your card on the screen you could consider adding the rule to your body selector: display: flex; justify-content: center; align-items center; min-height: 100vh; The min-height: 100vh; style rule is to make sure that the body element takes at the entire screen height and makes it easy for thecss flex rule to work. If you're more comfortable using the CSS Grid, you could use the rule display: grid; place-items: center; 😇. I guess that's the feedback I could provide ☺️. Once again congrats on completing this challenge 🎉🎉. Happy coding 🎉🎉