Responsive QR Code Component with Flexbox

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

I am most proud of achieving a fully responsive layout that adapts well to different screen sizes using only CSS Flexbox. Next time, I would focus on improving my code organization by using SCSS or a CSS methodology like BEM.

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

One of the biggest challenges was aligning the QR code component precisely at the center of the viewport. I overcame this by experimenting with CSS Flexbox properties like justify-content: center and align-items: center. I also faced initial deployment issues but resolved them by configuring my GitHub Pages settings properly.

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

I would appreciate feedback on improving semantic HTML and suggestions on how to write more efficient and scalable CSS for small projects like this one.