Skip to content
Submitted about 2 years ago

QR Code Component Using Flexbox

foundation, web-components
Aditya Narayan Sahoo•60
@aditya-narayan-sahoo
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I didn't use media queries for responsiveness, I just went with flexbox. Is it good or are there other ways available?

Please review it for any other code optimization. Your feedback does matter !!

Code

Please log in to post a comment

Log in

Community feedback

  • Fin Tatum•150
    @tdtatum2

    Hi Aditya!

    I just wanted to say that you did a great job with this challenge :)

    My only recommendation is, while it is fine to not use media queries here, be careful with the sizing of your card component. Since yours is a little larger than the design's, and you have padding as well, the card is not entirely on the screen on a small phone like an iPhone SE, which is the same width as the mobile design image.

    I also got the recommendation of using a CSS Reset when I submitted this same challenge, so I will extend that advice to you! It helps with the default margins and paddings, which are pushing your element slightly to the left on my screen as well.

    Great work and happy coding! :)

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