QR code component

SOme Recoommendations :-

1)you should learn about semantics HTML and using it for ex footer ,main etc 2)Read about h1 tag its the most important and every website should have atleast one https://www.semrush.com/blog/h1-tag/ 3)image shoult always have alt="some description".some description about image should always be there for accessibility reasons

https://www.davidmacd.com/blog/alternate-text-for-css-background-images.html

All the best

You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

.container {
  display: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful