Responsive QR Code Component using Flexbox

What are you most proud of, and what would you do differently next time?

I'm proud of successfully implementing a responsive QR code component using CSS Flexbox and ensuring the layout adapts well to different screen sizes. Next time, I would explore CSS Grid or SCSS to improve styling efficiency and maintainability.

What challenges did you encounter, and how did you overcome them?

One challenge I faced was making sure the component was perfectly centered on the page. Initially, I struggled with alignment, but I resolved it by using display: flex along with justify-content: center and align-items: center. Another issue was GitHub Pages not displaying my project at first (404 error) because my index.html file was inside a subfolder. I fixed this by moving it to the root directory of my repository.

What specific areas of your project would you like help with?

I'd love feedback on:

-How to improve accessibility (e.g., better alt text usage for images).

-CSS best practices for structuring small components like this.

-Any improvements to responsiveness for smaller or larger screens.