Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social links

majkezaa 20

@majkezaa

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@AnwarMestycer

Posted

Hi, I see you almost match the design perfectly,

Here are some tips to make it perfect.

  • Instead of repeating the same style to every button alone, you could just give the same class name and style them all together in the CSS file

  • Change the button's text color to white.

  • Wrap all the buttons in on <div class="button"> and apply this css:

.links {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 2%;
    width: 80%;
    height: 50%;
    margin-top: 15px;
    margin-bottom: 20px;
  • Try to personalize it by adding your picture, social link, etc.

This is just the beginning of your awesome journey as a front-end developer Keep up the good work.

I hope this was helpful, and if you need any help, don't hesitate to contact me Here

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord