QR code component using HTML and CSS

Community feedback

• 

  Fer•3,970

  @fernandolapazPosted over 1 year ago

  Hi 👋, just a couple of things that may interest you:

  • In case you want to reduce the code, these two declarations don't seem to be necessary:

  .box {
  position: relative;
  margin: 9rem auto;
  }
  

  • And if you want to prevent attribution from overlapping the card in low-height viewports (like landscape mode on mobile), you can position it to the bottom only after a certain height:

  @media screen and (min-height: 40rem) {
  .attribution {
  position: absolute;
  bottom: 15px;
  font-size: 11px;
  text-align: center;
  }
  

  I hope it’s useful : )

  Regards,

  Marked as helpful

  1

  ---

  

  Regina•90

  @regina-chtPosted over 1 year ago

  @fernandolapaz Thank u so much, I was actually wondering how to fix the overlapping but after a few tries I got tired so I just gave up. I deeply appreciate your help, I'll try your suggestions asap :)

  1