QR Code Component using Flexbox

Community feedback

• 

  Fernanda•180

  @ferlagher

  Posted almost 3 years ago

  Hi! The poition: absolute in the .container class is breaking the card when the screen is resized. For centering stuff in the middle of the page you first need to set the height of the body. Using height: 100vh works for me. Then you can use auto margins, flexbox or grid for center the content. I hope this was helpful, this is my first feedback! 😊 Sorry for my bad english.

  10

  Marked as helpful
• 

  Joseph Cobbinah Ofori•60

  @joecobb

  Posted almost 3 years ago

  Hello Alfiekadalfie, Hope you are good. You need to apply the following css to your parent div.

  <div class="flex-container"> <div id="the-content"> </div> </div>

  .flex-container{ display: flex; height: 100vh; justify-content: center; align-items: center; }

  00

  Marked as helpful