Responsive QR Code Component Solution

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.