Component to display QR Code using HTML and CSS

Hi, congratulations for this nice work and for the efforts that have been made!

I think I can give you some suggestions for improvements:

For centering elements, you’re using absolute positioning, which works, but I recommend trying Flexbox for a simpler solution:

main {
  display: flex;
  justify-content: center;
  align-items: center;
}

I noticed you’re using rem for text sizes, which is great. However, I saw a px size for <p> elements. If this was intentional, ignore this note:

body p {
    font-size: 15px;
}

I hope this helps! Good luck with your project and have a great day!