QR Code Component Using Plain HTML and CSS

Hi, nice solution. 👍️

I have some suggestions regarding your questions and more.

• There is no need for position: relative on this project.

• In order to center the card to the screen, you can do this

body{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh
} 

• There is no need for setting width and height to the body because it only messes it up in this case.

• There is no need for adjusting to mobile size because the component is small enough to be perfectly visible on phone and computer. You can give the card a max-width of let's say 310px or so, and you should be fine.

• Rely on margins to separate the text blocks, rather than positioning. Give the card a small padding and you will be on the right way.

• Here is a link to my submission to this challenge, maybe you can look at my (or other users') code.

Keep up the good work and happy coding. Hope I was helpful. 👍️