Skip to content
Submitted almost 3 years ago

QR Code Component

Michael East•40
@MrEasty94
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This little project was fun. I haven't made this responsive to screen sizes below 375px (which I may do after submission).

Vertical alignment on Safari mobile was a problem, and I'm not overly happy with the solution implemented, but all in all, it looks nice.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Luciano Lima•1,270
    @LucianoDLima

    Good job on fishing your first project, bud!

    So about the vertical alignment you did all right, but in the <main>> you can remove min-height: 100vh; and add height: 100vh; instead, that seemed to fix the problem on my end (I tried firefox which works fine the way you did, then I tried chrome and opera, which didn't allign vertically the way you did).

    Happy coding

    Marked as helpful

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