Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile card component

#bem#accessibility
Arnab-Biswas• 70

@Rex-Arnab

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


When should we use Padding and When Should we use margin, as I think using margin just breaks the flow

Community feedback

P
Jessica• 880

@perezjprz19

Posted

👋Hi!

[This article might helpful in choosing when to use padding vs margin]

(https://medium.com/frontendshortcut/margin-vs-padding-c1fc8ea8bfaf)

Marked as helpful

1

Arnab-Biswas• 70

@Rex-Arnab

Posted

@perezjprz19 thanks it answers my questions in a way at least

1
P
Jessica• 880

@perezjprz19

Posted

@Rex-Arnab you're welcome! I usually start with one and tweak stuff until it works lol 😆 it helped me to look at the box model in the dev tool and from then on, I think of padding as an invisible field that makes my content take up more space where as margin is a repelling barrier that keeps other content away.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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