Responsive QR code component, first challenge using HTML and CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Moaka, congratulations for your new solution!

  Your solution design and code is just perfect, is really fluid and responsive. I liked the work you've done here. The only thing you're missing here is the main to replace the container div and a margin to avoid the component touching the screen edge, so you can add a margin of 24px in the body to create this small gap between screen and card. You can also remove the height to have a container even more responsive. See the code below:

  .container {
      background-color: hsl(0, 0%, 100%);
      width: 280px;
      margin: 24px;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  rizkyizh•230

  @moe-kaPosted over 2 years ago

  🤗thank you @correlucas. helpful solution. I will modify it

  0