QR Code Component

Community feedback

• 

  RatifiedGeorge•670

  @RatifiedPosted over 1 year ago

  Hello @AndreasBinawan

  Very clean and readable code, keep up

  However, you forgot to center your body vertically. Now add this to your body: align-items: center; and see the magic. Your body should look like this once you've added: body{ text-size-adjust: none; --webkit-text-size-adjust: none; background-color: var(--light-gray); font-size: 15px; display: grid; min-height: 100%; justify-content: center; align-items: center; }

  I'd also advise using min-height: 100vh instead of min-height:100%.

  min-height: 100% would make the element take up 100% of its parent container's height, which might not necessarily be the full height of the viewport.

  0