Social-links-profile using div as blocks

Community feedback

• 

  Osiel Hernández•190

  @xXOsielXxPosted 4 months ago

  @zbuli-t Hi there. Congrats for solving the challenge!

  I want to give you some suggestions related to the profile container to improve your code...

  I guess you want to center your container. For that reason you setted .outer_layer {margin: 30%}. But that is so much margin and, in this case it's not the idea.

  Instead of that use a fixed width like:

  .outer_layer {
          width: 100% /* for mobile devices */
  	max-width: 300px; /* for larger screens */
  }
  

  and then...

  .outer_layer {
  	margin: 0 auto;
  }
  

  Also, add a padding to .outer_layer instead of the image:

  .outer_layer {
  	padding: 32px;
  }
  

  You can add a padding to the body too:

  body {
  	padding: 64px 32px;
  }
  

  I hope this helps you. Happy coding!

  Marked as helpful

  1
• 

  zbuli-t•190

  @zbuli-tPosted 4 months ago

  Thank you so much for your suggestions! I've been struggling for the margin and the padding a lot. It's so kind of you to give me valuable advice. thank you

  0