Qr Code Component using CSS Padding, Margin and Font-size

Hi @Horlly! I hope you are doing well and well coming to your question. Think as if you have a box with things "inside", but there are scatters all around and you will need to arrange them in a way, so that job is for the padding (top, left, right & bottom). And the margin (top, left, right & bottom) controls what is "outside" the box, so that will be you moving it to a place that suits you. I hope you get it.

Though I will also recommend you to check this link https://www.codecademy.com/ with free courses. That will really help you a lot. My best Regards.

Use padding if you want to make the space between your content and the border greater or smaller.use margin to add or remove space between two different elements. your solution is great just try to space things out to make it look closer to the design. I am really impressed you made the text alignment exactly like the design many solutions that I have seen could not pull that off.