Social links profile solution with html and css

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 5 months ago

  Hello there!

  Congrats on completing the challenge! ✅

  Your project is looking fantastic!

  I'd like to suggest a way to make it even better:

  • Using margin and/or padding isn't always the most effective method for centering an element.

  Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:

  📌 Apply this CSS to the body (avoid using position or margins in order to work correctly):

  body {
      min-height: 100vh;
      display: flex; 
      justify-content: center;
      align-items: center;
  }
  

  I hope you find this helpful!

  Keep up the excellent work!

  Marked as helpful

  0

  ---

  

  sara11211•120

  @sara11211Posted 5 months ago

  @danielmrz-dev thank you, i figured out that the margin in the body was causing the uneven spacing, i fixed it now !

  0
• 

  Shoaib Shuja•560

  @ShoaibShujaPosted 5 months ago

  To center the box perfectly copy these to your CSS file:

  body {
      width: 100%;
      min-width: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  

  Good Luck.

  Marked as helpful

  0

  ---

  

  sara11211•120

  @sara11211Posted 5 months ago

  @ShoaibShuja thank you, i fixed it !

  1
• 

  Shoaib Shuja•560

  @ShoaibShujaPosted 5 months ago

  Also your Github repository's link is broken. Fix it my friend

  0