Social Links Profile - flex, position, styling

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 5 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on completing the challenge! ✅

  Your project looks fantastic!

  Here's a tip to make it even better:

  Make sure you add min-height: 100vh to the body in order to place the card in the middle of the page. Like this:

  📌 Apply this CSS to the body (skip position or margins to make it work correctly):

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

  About the footer, you can do this:

  • Remove position from it;
  • Add flex-direction: column to the body;
  • Maybe add a little gap to the body so there's a space between them.

  Hope this helps!

  Keep up the great work!

  Marked as helpful

  1
• 

  Daniel•260

  @FlashdanielPosted 5 months ago

  Great work. You solution look good. I like to add to what @danielmrz-dev just said.

  Your footer is outside the body tag. So Include it in the body tag the try applying @danielmrz-dev tip😌.

  1