Social links profile

Community feedback

• 

  Marzia Jalili•4,230

  @MarziaJaliliPosted 7 days ago

  Hats off to you!

  A tiny area you can amend:

  • For a smoother color change of the links, you can consider using the transition property:

  transition: color 0.5s, background-color 0.5s;
  
  /* or if you need it not just for color but for the entire element... */
  transition: 0.5s;
  

  This enusres that the changes will be brought after 500 milliseconds which makes it look even better.

  Great job overall, keep up the grind!

  😎😎😎

  Marked as helpful

  0

  ---

  

  P

  idev_cloud•70

  @CodeNautiquePosted 7 days ago

  @MarziaJalili Thank you for your feedback, I see where I need to focus on. The next step is to learn advanced CSS techniques like animation ;)

  1
• 

  P

  mci3x•40

  @mci3xPosted 6 days ago

  Really nice!

  Maybe try not to style your <main> at all

  width: 23.4375rem;
  height: 50.75rem;
  

  I think it might help you with positioning.

  0
• 

  x-147•240

  @x-147Posted 7 days ago

  to fix the shift, inside body tag add:

  align-items: center;
  min-height: 100vh;
  
  

  align-items will take the card to the centre of the screen (along the vertical axis), and min-height provides the space needed for the card to move.

  0

  ---

  

  P

  idev_cloud•70

  @CodeNautiquePosted 6 days ago

  @x-147 hi, I did this but the result is not what the design is

  0

  

  x-147•240

  @x-147Posted 6 days ago

  @CodeNautique i can see your new commits from 3hrs ago, i ran the code locally and it looks good now (i.e centering is correct).

  you will have to click on "generate new screenshot" to see updated design comparison on this page.

  0