Qr code Component with HTML and CSS

Nice work, but some your code section need improvment.

1. HTML accessible improvement about content landmarks. Ensure all content is contained within a landmark region, designated with HTML5 landmark elements and/or ARIA landmark regions. Screen reader users can navigate to a section based on its HTML element or ARIA Landmark.
   • Example: <div class="qr-container"> you can use HTML5 landmark element <main> and/or ARIA landmark region role="qr-container .
2. Layout size for image of qr code. Instead of using fix height and width, use percent base width, so image can resize itself base on device or screen width.
   • Example: .qr-image { width: 90%;}