Skip to content
Submitted over 1 year ago

Challenge 1 Qr-code

Miqdaad07•10
@Miqdaad07
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

The area I found challenging was positioning the whole content at the center of the page.

Community feedback

  • LucasEPK•200
    @LucasEPKPosted over 1 year ago

    Hello!

    First of all, good job and nice solution!

    I can give you some tips on how to center the card better:

    • remove "whole" class margin-top: 50%; attribute
    • add height: 100vh; to the body in the CSS

    That should do the trick! Ask me if you have anymore questions or tell me if you found my answer useful!

    Marked as helpful
    1
    Miqdaad07•10
    @Miqdaad07Posted over 1 year ago

    @LucasEPK Wow that worked perfectly. Thank you!!

    1

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