QR Code Challenge

Hi Sonia! how are you ? Your project is very good!

Some little tips i think you would enjoy:

• To make the body fill the entire screen you could use:

        body{
  	width:100%;
  	height:100vh;
  	}
  
  

• You could also define the background-color inside body instead of creating a div for it.
• Instead of using padding:200px trying to center your "QR code" card, you could use:

  display: flex;
  justify-content:center;
  align-items:center;
  

I hope you enjoy these small tips, hope it helps you. Any questions feel free to contact me!

Hi Sonia! Congrats on your first Frontend Mentor challenge!! 🎉🎉🎉 your project looks good, to answer your question no each element does not need to be in its own <div>. Also here is a link to a very useful article that talks about semantic HTML that I think you will find helpful. https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i

Hope this was helpful, and if so please mark it as helpful :)