QR Code

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

This project was a great opportunity to reinforce my understanding of basic layout techniques using HTML and CSS. I learned how to center content both vertically and horizontally using flexbox, and I got a better grasp of using max-width, margin, and padding to keep everything nicely spaced and contained.

I also learned how to structure a simple component visually and how to maintain clean, readable code—even when the layout is very minimal.

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

The most difficult part was making sure the card was perfectly centered on the page and that the spacing around the QR code image looked consistent on different screen sizes. Since the layout is simple, even small misalignments were very noticeable.

Another challenge was choosing the right amount of shadow and border-radius to give it a modern and professional look without overdoing it.

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

I'd appreciate any feedback on:

My centering approach – is there a better or more efficient way to center content?

Visual balance – does the spacing and alignment feel clean and intentional?

Code cleanliness – are there ways I could simplify or organize my code better?

Design – do the visual details (colors, shadow, fonts) work well together?

Thanks in advance! Even though this is a small project, I really want to build good habits early on.