Semantic HTML, CSS Flexbox, Mobile-first approach

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

I’m most proud of how I implemented the responsive design using CSS Flexbox. The layout looks clean and adjusts well to different screen sizes. Next time, I would try to improve my accessibility practices by adding more attributes for screen readers, as I feel there’s more room for improving accessibility in my design.

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

One challenge I faced was aligning the content within the card layout. I had trouble getting the text and QR code to align correctly on all screen sizes. I overcame this by experimenting with Flexbox, which allowed me to center the content easily and adjust it responsively.

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

I’d love some feedback on how I could improve the accessibility of my project. Specifically, I’m not sure if I’ve used enough semantic HTML elements and ARIA attributes. Any tips on enhancing screen reader support would be great!