Submitted 2 months ago

Social Links Page

EverWynter• 20

@EverWynter

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social links profile

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I wish I had access to the figma files to create a more accurate representation, eyeballing a design can be quite difficult but I think, aesthetics wise, I did quite well.

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

No challenges, this design was quite simple

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

Any and all feedback is appreciated, I'm always looking for ways to improve my CSS

Community feedback

Mahmood• 1,070

@MahmoodHashem

Posted 2 months ago

Hello there!

Congrats on finishing the challenge! ✅

Your solution looks awesome!

📌 It is considered a best practice to use semantic HTML elements such as <ul> and <li> for lists and <a> for links instead of buttons. This practice enhances the accessibility, maintainability, and meaningfulness of your code.

Consider refactoring your code as shown below:

After Refactoring

<ul class="list-container">
    <li><a href="#">Github</a></li>
    <li><a href="#">Frontend Mentor</a></li>
    <li><a href="#">LinkedIn</a></li>
    ...
</ul>

Hope this information is useful to you!

Keep up the great work!

Please log in to post a comment

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