PROFILE CARD USING HTML And CSS

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  Hi, SixcoolZ! 👋

  I recommend using pseudo-elements to make positioning them easier.

  You can look at this solution for your reference — Frontend Mentor | Profile card with pseudo backgrounds and accessible list coding challenge solution

  Great job on using the name of the person for the alternative text. It is also good that you are not including phrases like "image of" or "picture of". 👍

  Other suggestions:

  • Not every image needs alternative text. Decorative images should not have alternative text (alt=""). This will tell the screen reader to skip over the image. As a result, it saves screen reader users time navigating the page.
  • For your information, decorative images are images that don't add any information and serve only aesthetic purposes.
  • Make the profile statistic ("80K Followers" and the other two) a list element.

  I hope this helps. Happy coding! 😄

  Marked as helpful

  0

  ---

  

  SixcoolZ•90

  @SixcoolZPosted over 1 year ago

  Thanks. It really helped. I got learn new things too, I really appreciate your help. @vanzasetia

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  @SixcoolZ

  You are welcome! 👍

  0