Social Links Profile

Community feedback

• 

  JuvoGenesis👾•2,010

  @AkoToSiJeromeEhPosted 6 months ago

  Hey ! Great work out there i just notice that the social links component does not align horizontally or vertically center especially when i try to zoom-out the page , i suggest that you can use display properties like grid or flex . that's all happy coding !!

  body {
    max-width: var(--max-width);
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 8%);
    font-family: 'Inter', sans-serif;
    display: grid; // add this or you can use flex with justify and align
    place-content: center; // add this
    min-height: 100vh; // add this
  }
  

  .container {
    background-color: hsl(0, 0%, 12%);
    padding: 20px;
    margin: auto; // remove this
      margin-top: auto;
    width: 30%; // i suggest that instead of using percentage you can use like rem or px
  since when i try to smaller device the component content is overflowing in the container .
    border-radius: 8px;
    height: 505px; // i suggest to remove this 
    margin-top: 40px; // you can remove this
  }
  

  0