Minimal solution

Community feedback

• 

  Brian Michael Poblete•490

  @Brian-PobPosted over 1 year ago

  Hi Rbreckner! Your solution looks great! And thanks for linking that Josh Comeau article. It's definitely an interesting read on margins.

  For using padding vs margin, I found this short video that explains the difference really well.

  In short, padding is the space between content and its border while margin is the space around the outside of the border.

  I struggled with this as well when I started with CSS. But you'll eventually learn the difference as you use CSS more and more. And I think Frontend Mentor is a great tool to learn CSS because it gives you a ton of fun challenges at different difficulty levels. I just wish I started using it sooner!

  1

  ---

  

  rbreckner•130

  @rbrecknerPosted over 1 year ago

  @Brian-Pob Hey, thank you for the comment.

  I already know what the difference is between padding and margin. But the question is when to use what.

  I think there are many situations where you could just use both of them. If you check my result, I haven't used a single margin inside the card. As it played out, this solution has very symmetrical padding, which feels quite right.

  0

  

  JoshuaMeeks•120

  @JoshuaMeeksPosted over 1 year ago

  @rbreckner Padding is for adjusting the element's content and margin is for adjusting the location of the element and the whitespace surrounding it. It can get tricky when you're working on responsive elements but you'll understand it intuitively with practice. Good job on this project.

  2
• 

  Adegbuyi Jephthah•310

  @PrinceJetroPosted over 1 year ago

  Did good

  0