Skip to content
Submitted over 2 years ago

QR Code Component

Michael East•40
@MrEasty94
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • Luciano Lima•1,290
    @LucianoDLimaPosted over 2 years ago

    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
    0
    Michael East•40
    @MrEasty94Posted over 2 years ago

    @LucianoDLima thank you! I’ll do that now! Didn’t think to check the other browsers! 🤦‍♂️

    0

Please log in to post a comment

Log in with GitHub

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