Submitted 5 months ago

flexbox

Anuar06• 80

@Anuar06

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

What I would next time is, start earlier and not procrastinate because of fear of the project.

What challenges did you encounter, and how did you overcome them?

I felt at first that the project was too difficult, until I started it and noticed that it wasn't that bad.

What specific areas of your project would you like help with?

With padding and margins. How to use them and when to know when to use them.

Community feedback

Prayag Adh• 70

@adhikariprayag

Posted 5 months ago

It seems you are confused about padding and margin. They are completely different from each other and understanding them is a must in CSS. To put it simply, the margin - shifts the position, and padding - adds an inner area. This is just a simple description and it's not fully true, so, I suggest you learn in-depth about them through YouTube tutorials or websites.

Also, I would suggest you make use of the "Inspect" element of your browser to see how they work. Hope this was helpful.

Please log in to post a comment

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