huddle-landing-page using HTML and CSS

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 :)

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

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

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

thanks guys i fixed it.