Responsive QR Code Component Solution with CSS

Hi! , congrats on completing this challenge 🎉🎉🥳🥳

Here some tips to improve your solution. 💯🚀

HTML:

Your main content should be conteined in the main tag. More info HERE

Header elements implements six levels h1-h6, with h1 being the most important and h6 being the least important. avoid omitting header levels, your page should start with the header h1 and successively with h2...h6. More info HERE

For responsive css you need using flexbox (more information here ) To make your page responsive, do the following:

.container {

width: 90%;

display: flex;

justify-content: center;

align-items: center;

max-width: 300px;

}

Then you don't need media queries in this project.

Your solution is very good, keep it up!

Happy coding 🙃