Skip to content
Submitted 3 days ago

Social Link Profile Solution using HTML and CSS

Lokesh•120
@Lokesh8055
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?

Proud of Learning about:

  1. New ways to reset css styles
  2. Adding better alt text for images
  3. followed proper set of units for width,fonts.
What challenges did you encounter, and how did you overcome them?

Encountered challenge with creating media queries for different screen sizes

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

Please go through my project and let me know on the areas that I can improve.

Community feedback

  • Adriano•38,410
    @AdrianoEscarabotePosted 1 day ago

    Hi Lokesh, how are you doing? I really loved the outcome of your project, but I have a few suggestions that I think might be helpful:

    To enhance the semantics of your code, consider using a <ul> (unordered list) for the collection of links, as it represents a list of related items. Here's an example:

    <ul>
    <li><a href="#">GitHub</a></li>
    <li><a href="#">Frontend Mentor</a></li>
    <li><a href="#">LinkedIn</a></li>
    <li><a href="#">Twitter</a></li>
    <li><a href="#">Instagram</a></li>
</ul>

    Using a <ul> provides clear structure and context, signaling to both browsers and assistive technologies that these links are part of a cohesive group, improving both accessibility and readability.

    The rest is excellent.

    I hope you find it useful. 👍

    Marked as helpful
    0
    Lokesh•120
    @Lokesh8055Posted about 23 hours ago

    @AdrianoEscarabote , Thank you for the suggestion I have made the changes

    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