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-profile

Sunny 30

@De-Sunny

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

@Mhista-Fortune

Posted

I took a look at your project, and you're doing a great job! There’s one area I wanted to point out that could be improved for a better user experience.

Currently, you're using a list to display some links, but it might be more effective to replace them with button elements. This will give users a more interactive experience, and you can add a nice hover effect for better visual feedback.

Here’s an example of what I suggest for your HTML:

<button class="btn">GitHub</button> <button class="btn">Frontend Mentor</button> <button class="btn">LinkedIn</button> <button class="btn">Twitter</button> <button class="btn">Instagram</button>

And for the CSS hover effect, you can use the following:

.btn:hover, .btn:active { background-color: hsl(75, 94%, 57%); color: hsl(0, 0%, 12%); }

This will change the button's background color and text color on hover or when it's active, making the interface more dynamic. Let me know what you think, and if you need help implementing it, I’d be happy to assist!

Keep up the great work!

0
Joe 30

@YoussefGaafar

Posted

Is it accessible, and what improvements could be made? Yes in my Github Repos.

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