Social links profile with HTML CSS(grid,flexbox, custom properties)

Community feedback

• 

  Kingsley Kamkwamba•170

  @kamkwamba-kPosted 5 months ago

  Great job on the social links profile card project! The overall design looks good, and you've done a commendable job with the hover effects and responsive layout.

  To align the card at the center as the design specification you could also wrap the whole card in a div, give it a class of container and style it as follows:

  .container {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100vh;
  }
  

  That way you'll center the whole card

  Marked as helpful

  0

  ---

  

  P

  Tuna Erten•360

  @tunaertenPosted 5 months ago

  @kingsley2o18 Thank you for the tip. Yes, instead of giving flex to the body, I could have placed it inside a container and given flex to the container. Honestly, I do it that way in some cases. Do you think there is any drawback to giving flex to the body?

  0

  

  Kingsley Kamkwamba•170

  @kamkwamba-kPosted 5 months ago

  @tunaerten I think because the body contains a lot of child elements it can be very tricky to follow up. but it depends on the kind of layout you are implementing.

  Marked as helpful

  0