Skip to content
Submitted 19 days ago

Building a Social Links Profile with Flexbox and CSS

#pure-css
Nishanth Venkatesan•200
@nishanth1596
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I’m most proud of how I implemented interactive hover states for all the elements on the page. It was important for the user experience, especially because these states enhance accessibility and interactivity. I also feel good about the use of Flexbox for layout.

I will focus on writing the code efficiently next time.

What challenges did you encounter, and how did you overcome them?

Using correct CSS properties were challenging and required a lot of researching and understanding but in the end, it taught me lot of researching and understanding skills. I'm grateful for that!

What specific areas of your project would you like help with?

I have followed the color code as it is in the design file but still colors are not accurate for the design, please help me fix it.

Community feedback

  • Bassel || باسل•540
    @BasselfathyPosted 19 days ago

    Hi @Nishanth, nice work so far!

    I think colors are fine, nothing needs to be changed except the button borders can be removed.

    I have allowed myself to make some changes to your css code to make the design more responsive, please check the pull request on github.

    Marked as helpful
    1
    Nishanth Venkatesan•200
    @nishanth1596Posted 18 days ago

    @Basselfathy, thank you so much for your helpful suggestions! I’m still learning how to use GitHub and apply the changes you recommended. Once I figure it out, I’ll commit the updates. I really appreciate your support!

    1
    Bassel || باسل•540
    @BasselfathyPosted 18 days ago

    @nishanth1596 Happy to help😄

    Take your time, I'm still discovering Github too.

    1

Please log in to post a comment

Log in with GitHub

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