use flexbox to complete my task

Community feedback

• 

  Alex•3,130

  @Alex-Archer-IPosted 5 months ago

  Hi!

  When you are choosing the right tag, you should always choose based on the semantic, but not the appearance. Those elements here are social links so they should be an a tags, even if they looks like buttons =) Buttons are for interactive elements and form submissions.

  I can give you another couple semantic suggestions:

  • As they are list of links it is better to put them inside ul and li elements.
  • Every a tag should have href attribute otherwise browser wouldn't render it as link. For practice project like this you can set href="#".
  • main and footer tags performs different roles on the page, so they should be siblings.

  Hope that could help. Keep doing =)

  Marked as helpful

  1

  ---

  

  Kevin Salazar Zarate•40

  @iamkevin-szPosted 5 months ago

  @Alex-Archer-I thank you so much, so in this case it is better to use the ul and li tags instead of the "a" tag

  1

  

  Alex•3,130

  @Alex-Archer-IPosted 5 months ago

  @iamkevin-sz

  Not exactly. You should use a inside the li into ul.

  <ul>
      <li><a href="#">It's a link!</a></li>
      <li><a href="#">It's a link!</a></li>
      <li><a href="#">It's a link!</a></li>
      <li><a href="#">It's a link!</a></li>
      <li><a href="#">It's a link!</a></li>
  </ul>
  

  You see, every time when you encounter some kind of list of data - it could be the list of notifications, the list of features of some product etc. - you should use ul or ol with li. But inside you still need semantically correct tags.

  By the way, the next challenge on this learning path (the recipe page one) is where both types of lists are used =)

  0
• 

  munizz-g•70

  @munizz-gPosted 5 months ago

  O layout em si ficou correto, porem os tamanhos ficaram diferentes.

  0

  ---

  

  Kevin Salazar Zarate•40

  @iamkevin-szPosted 5 months ago

  @munizz-g Você está certo, eu fiz isso por cálculo.

  0