Social Link Profile

Community feedback

• 

  Austin•80

  @4-WalkerPosted 12 days ago

  Great work with the design and hover properties! :D

  If you want to use flexbox to center your container on the vertical axis you can add the following to your code:

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

  Also, for accessibility and general user experience reasons, make sure you look out for colors that are super similar if they are overlapping on the design. For example, when you hover over your links the light green color is very similar to the white font color you have chosen. An easy way to fix this is simply also change the font color on hover -

  .button:hover {
          background-color: hsl(75, 94%, 57%);
          color: black;
        }
  

  Good luck with your future projects! :D

  0