QR Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Suraj Mourya, congratulations for your new solution!

  Here's my tips for your solution:

  Add display: blockand max-width: 100% to make the qrcode image responsive and scale with the card:

  .container img {
      max-width: 100%;
      display: block;
      /* width: 280px; */
      border-radius: 15px;
  }
  

  Remove the background-color from the container and add to the body and then use flexbox for the alignment:

  body {
      display: flex;
      background-color: hsl(212, 45%, 89%);
      align-items: center;
      justify-content: center;
  }
  

  👋 I hope this helps you and happy coding!

  0