Skip to content
Submitted 2 days ago

Solution QR Code Frontend Mentor

LouisVerch•60
@LouisVerch
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

What specific areas of your project would you like help with?

I would like to center the card horizontally couldn't find the way to do it

Community feedback

  • Bassel || باسل•180
    @BasselfathyPosted 2 days ago

    Goodjob Louis!

    To center the box Horizontally and Vertically, give the <body> a height: 100vh and place-items: center.

    and you can remove the margin:auto from the box after that.

    0
  • hbeamaniii•10
    @hbeamaniiiPosted 2 days ago

    On your .box element you can add "margin: auto" for the css and that should center the design horizontally. This should work if youre not using flexbox which you are.

    This is what I can find for centering an element using flexbox. Hope this helps!

    https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Center_an_element

    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