QR Code component

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 5 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on completing the challenge! ✅

  Your project looks fantastic!

  Here's a tip to make it even better:

  Using margin and/or padding or even position isn't always the best way to center an element. Try this method to center an element vertically and horizontally:

  📌 Apply this CSS to the body (skip position or margins to make it work correctly):

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

  Hope this helps!

  Keep up the great work!

  Marked as helpful

  1
• 

  WesleyBSilva1•60

  @WesleyBSilva1Posted 5 months ago

  you could use div{ position:absolute; top: 50% bottom:50% transform: translate(-50%,-50%} that would centralize the div in middle of the screen.

  1