Responsive QR Code Component Solution

Community feedback

• 

  Alberto Ledesma•370

  @ledesmxPosted about 1 year ago

  Hi @AkramGalib 👋

  Great job on your solution!

  Here are some recommendations for you:

  • Everything looks quite well except for a vertical overflow. You can remove the margin of the body to make the overflow desappear.

  body {
    margin: 0;
  }
  

  • For your next projects I suggest removing all the margin automatically added by the browser. Use the * selector to select everything and remove the margin with margin: 0;. This gives you more control over whether or not you want add margin on each element separately. You can do the same with padding, border and box-sizing. Look the example below:

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

  I hope this helps a little.

  Well done for the rest.

  Marked as helpful

  0