Profile Card Component

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  Hey Adekola, Congratulations on completing this challenge... You have some accessibility issues that need to fix.

  • Document should have one main landmark, Contain the component in <main>.

  <main>
     <div class="card">
        //...
     </div >
  </main>
  

  • All page content should be contained by landmarks, Contain the attribution in <footer>.

  <footer>
     <div class="attribution">
        //...
     </div>
  </footer>
  

  • I suggest you put the status of the profile card in the list item to add more semantics to your project. like this:

  <ul class="stats">
     <li><span class="stats-num">80K</span>Followers</li>
     <li><span class="stats-num">803K</span>Likes</li>
     <li><span class="stats-num"> 1.4K</span>Photos</li>
  </ul>
  

  I hope this is useful to you... Keep coding👍

  Marked as helpful

  1