responsive container

Community feedback

• 

  P

  Marge C.•440

  @msunjiPosted over 2 years ago

  Hiya! Great job working on this challenge! 👍

  The reason why your QR code component (<div class="border">) shrinks significantly on smaller screen sizes is because you've set the width to 30%. Here's a suggestion you can try to fix this:

  .border {
    // your other CSS code
    width: 100%;
    max-width: 320px;
    margin: 50px 20px; 
  }
  

  max-width makes it so that your .border div doesn't get any larger than 320px. I also added 20px margins on both the left and right side of your div so there's still a bit of space around it on smaller screens.

  Hope this helped!

  Marked as helpful

  2