qr-code-component-main

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Sathya, congratulations for your solution!

  I saw your solution and you've everything fine, the component is responsive and thats nice.

  All you need is to center the card to the screen with flexbox, see the code for that below:

  body {
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  

  Note that I've used min-height: 100vh to alow the child element align to the parent(body) that in this case is displaying now 100% of the viewport height!

  Hope it helps and happy coding!

  Marked as helpful

  0