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!
@Orliland
Posted
Hi @AmmIjaz.
In the code of your repository, the image of the QR code is at the same level as your index.html file, but in this file, the href attribute indicates that the image is located in the assets folder for that reason the picture didn't show in the browser.
Marked as helpful
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
