All comments

• 

  Soojeong•220

  @kongguksu

  Submitted about 3 years ago

  

  QR code component solution using HTML and CSS

  2

  71
  

  Claude•290

  @claude1018

  Posted about 3 years ago

  Nice solution.. For centering. I think it will depend on your purpose.

  And for your concern on why the attribution is stack at the top it is because you use position: absolute on your qrcode-card class. since the qrcode-card class is out of the document flow so the footer/attribution is stack at the top. If you want to fix it you can wrap the qrcode-card in some div tag or a landmark so it can also solve the html acessibility issue.

  Ohhh.... BTW Add a position: relative on your wrapper

  though you can also use flexbox on the wrapper to center things inside it without using any absolute

  1

  Marked as helpful