responsive design with html and cssflexbox

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 7 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!

  0

  ---

  

  EliPinheiro•40

  @EliPinheiroPosted 7 months ago

  @danielmrz-dev I just finished my page. And I completely forgot the tag <ul>.

  1
• 

  SrkiMax•50

  @SrkiMaxPosted 7 months ago

  Hey Alex,

  I am also starting with frontend development myself, and in this challenge I also had a problem finding the way to position attribution div under the social links card, close to the bottom of the page. I used something like this:

  .attribution { position: absolute; top: 90%; left: 50%; transform: translateX(-50%); }

  Try and see if it works for you too

  0