Social Links Profile w/ "Working" Links

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 6 months ago

  Hello there!

  Congrats on completing the challenge! ✅

  Your solution looks great!

  📌 It's recommended to use semantic HTML elements like <ul> and <li> for creating lists. This ensures that your code is more accessible, maintainable, and semantically meaningful.

  Here's and example on how you can refactor your code:

  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>
  

  By using <ul> and <li>, you convey the structure of your content more clearly, making it easier for screen readers and search engines to understand. Additionally, it aligns with best practices for HTML semantics.

  I hope you find this helpful!

  Keep up the excellent work!

  Marked as helpful

  0
• 

  P

  Matthew•200

  @MattJM1007Posted 6 months ago

  Hi Nate!

  First off, amazing job with this project, I can see it is nearly identical to the design. Really well done. looks amazing!

  As far as the button clicks, I am not sure myself what a switch statement is, but here is how I achieved the result in my css:

  button:hover{ background-color: hsl(75, 94%, 57%); color: hsl(0, 0%, 8%); cursor: pointer; }

  This is a hover state property where you can change the look of the element your are hovering over. Hope this helps!

  Marked as helpful

  0