Qr Code Component using CSS Padding, Margin and Font-size
Design comparison
Solution retrospective
I learnt how to make use of the margin and padding in CSS. I am still having a little bit of problem on how and when to use it. i would also love to know more on how to style texts too. Hopes of getting a feedback in this project will sure be alot of help in improving my coding skills.
Community feedback
- @Rich-NsuePosted over 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 helpful0@Horlly-moonPosted over 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-ahmedPosted over 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 helpful0@Horlly-moonPosted over 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
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord