huddle-landing-page using HTML and CSS

Community feedback

• 

  Fidel Lim•2,775

  @fidellimPosted about 3 years ago

  Hi Moutez,

  A simple quick fix to your question is by adding this code:

  .social-links a {
      display: flex;
      align-items: center;
  }
  

  Hope it helps :)

  Marked as helpful

  0
• 

  Gaurav Kumar•570

  @GauravkumarioPosted about 3 years ago

  hey bro you need to change display value from inline block to flex in CSS file

  '''.social-links a{ display: flex; }'''

  Marked as helpful

  0
• 

  P

  Dave•5,295

  @dwhensonPosted about 3 years ago

  Hey @Mazou2K21 nice work on this one! 🙌

  In order to put the social media icons in the center, try setting the parent as either display grid or flex. Both these settings are good for centering small things like this too.

  I would suggest setting display:grid and 'place-items: center on the a attribute. I think that should make it centered.

  My only other suggestion is to do a little google on the differences between a link and a button element. I suspect that you need a link in this case? (Despite it appearing like a button).

  Lovely job! And keep up the good work!! 👍

  Cheers 👋

  Dave

  Marked as helpful

  0
• 

  boukikaz moutez•310

  @Mazou2K21Posted about 3 years ago

  thanks guys i fixed it.

  0