Submitted 5 months ago

Responsive QR Code Component using Flexbox and CSS Grid

khushi•320

@khushi0433

A solution to the QR code component challenge

Preview Code

Solution retrospective

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

I’m proud of how I made the card design visually appealing and responsive. Next time, I would make sure to add media queries from the start and test responsiveness across devices.

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

I had trouble centering the image and ensuring the page was responsive. I overcame this by experimenting with Flexbox and adding width: 100% to the image. Later, I added media queries for better responsiveness.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on khushi's solution.

Join our Discord community

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