Responsive social links profile using flexbox

Community feedback

• 

  yas-avocad•380

  @yas-avocadPosted 7 months ago

  Hey!

  1. You should move the transition: ease-in-out 0.3s to .social-links rather than have it in .social-links a:active. When you have the transition under active, the transition only applies to the first half of the activity, so that's why the color snaps back when you move the mouse away.

  2. Also, instead of having it ease-in-out, you should write the code like this:

  transition: color .15s,
  background-color .15s;
  

  This way, the text color and background color transition together at the same time.

  3. For style, your border-radius can be a little less. Try using 10-12px for the container rather than 20px.

  4. Also for style, you can increase the padding around the main container. Maybe try 38px-42px. This will give the contents more room to breath and get you closer to the targeted design.

  :)

  0