Responsive QR Code Component using CSS

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

I’m most proud of successfully translating the design into clean, responsive code while maintaining the layout’s accuracy and simplicity. If I were to approach this project again, I would focus on optimizing my workflow by planning out the structure and styles more thoroughly before coding to reduce the time spent on adjustments. Additionally, I would explore using CSS Grid for more complex layouts to expand my skills further.

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

One challenge I encountered was ensuring the QR code component was perfectly centered on the page across different screen sizes. To overcome this, I utilized flexbox for its flexibility and ease in centering elements both vertically and horizontally. I also referred to MDN Web Docs for guidance on flexbox properties and tested the layout across various devices to ensure responsiveness.