QR code component

Community feedback

• Account deleted

  Hi @IoQuality 👋🏻,

  Congratulations for your first submission!

  You seem to have tried vertically centering the .qr-container but didn't succeed. The reason is that its container, body, needs to span the full viewport height in order for it to work. Setting height: auto doesn't work because, in this context, height: auto just means to take the minimum required height.

  To achieve vertical centering, you need to set min-height: 100vh instead. (and then eliminate the vertical scrolling with either margin: 0 or box-sizing: border-box)

  Cheers!

  Marked as helpful

  1

  ---

  

  Akira•20

  @IoQualityPosted over 1 year ago

  @peterhohk Thank you for the feedback! I already figured out the 100vh part but I didn't think of the margins.

  1