Social Links Profile page with Astro & PandaCSS

Community feedback

• 

  Adriano•38,060

  @AdrianoEscarabotePosted 16 days ago

  Hey QUIROZ SOLDAN MARIO ALBERTO, how’s it going? I was really impressed with your project’s result, though I have some advice that could 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.

  Everything else looks great.

  Hope this helps! 👍

  1

  ---

  

  QUIROZ SOLDAN MARIO ALBERTO•180

  @MarioA96Posted 16 days ago

  @AdrianoEscarabote Hey! Thanks for the feedback, I've been strugling with concepts like the structure and semantics in html but I was sure I did use of <ul><li> 🤔but now double checking I saw I completely missed that out 😅 I am updating the project right away now!

  0