Responsive QR code website using Javascript, HTML and CSS

The provided HTML and CSS are generally well-structured, but there are a few areas where improvements can be made to enhance the readability, maintainability:

• Ensure to use semantic tags to enhance readability, consider using <article> or <section> instead of just <div>.
• Improve alt text for images to provide better context.
• Avoid repetitive code within media queries by using more fluid design principles.
• Avoid using absolute positioning and fixed percentages for responsive layouts. Flexbox or CSS Grid can be used more effectively.
• Combine repetitive styles within media queries.
• Use box-sizing: border-box; globally to handle padding and border better.