QR code component solution

Community feedback

• 

  P

  Gabriel Marques•90

  @GMarqzPosted 9 days ago

  Hi there! 👋 Good job on completing the challenge!

  I noticed you’re using px units, which can work, but rem might be a great option for improved responsiveness! Using rem scales more consistently across different devices and screen sizes. What do you think about experimenting with it here? If that interests you, you can read about it here.

  You might also consider using the box-sizing: border-box;.

  Border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements. - developer.mozila

  To set up both a padding/margin reset and border-box in one go, you could use the universal selector like this:

  * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }
  

  You can check more about universal selectors here📗 and more about box-sizing here📗.

  I hope this is helpful. Keep it up!

  Marked as helpful

  1

  ---

  

  Faiqa Shafqat•20

  @FaiqaShafqat79Posted 6 days ago

  @GMarqz Thank you for taking the time to review my code—I really appreciate it. I now understand how to use rem

  0