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

Community feedback

• 

  Jeronimo Nsue•210

  @Rich-NsuePosted about 1 year ago

  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.

  Marked as helpful

  0

  ---

  

  Horlly•20

  @Horlly-moonPosted about 1 year ago

  @Rich-Nsue Thanks alot I will make sure to check the link out and try the methods you proposed.

  0
• 

  mohammed-sarhad-ahmed•250

  @mohammed-sarhad-ahmedPosted about 1 year ago

  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.

  Marked as helpful

  0

  ---

  

  Horlly•20

  @Horlly-moonPosted about 1 year ago

  @mohammed-sarhad-ahmed Thanks 👍😊 alot for the feedback, it was encouraging. I will sure work more on the padding and the margin.

  0