Social links profile page using HTML and CSS

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 6 months ago

  Hello there!

  Congrats on completing the challenge! ✅

  Your solution looks excellent!

  I have just one suggestion:

  • Use <main> to wrap the main content instead of <article>.

  📌 The tag <article> would make more sense if the card was part of a bigger website (in certainly would in real world), but here it is all we have on the screen.

  This tag change does not impact your project visually and makes your HTML code more semantic, improving SEO optimization as well as the accessibility of your project.

  I hope it helps!

  Other than that, great job!

  Marked as helpful

  1
• 

  Alex•3,130

  @Alex-Archer-IPosted 6 months ago

  Hi! Good work with using semantic tags!

  This is not necessary at all to write media breakpoints for different devices. You can just open dev console switch device toolbar to mobile version and drag the screen to see where your work became broken. And write media query for this specific value.

  Also, I prefer this approach for responsive elements.

  .container {
      width: 98%;
      max-width: 400px;
  }
  

  In this example .container element will keep it's width on the screens wider than 400px and became responsible on the lesser ones.

  Hope it can help. Good luck =)

  Marked as helpful

  1