Solution Social proof section usign flex

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 2 years ago

  Hey, mbedon! 👋

  Nice work on this challenge! 🙌

  A few things I suggest are,

  • Setting the alt text for the star icons in the ratings section to be an empty string so that they won't be read out by screen readers. That’s because those elements aren't necessary for the content of the page and as a result doesn’t need to be read by screen readers. It can also be tiresome to hear the screen reader read out the alt text for each individual star icon!
  • I would do the same thing for the avatars in the testimonials section unless you can add some more descriptive alt text to them that is more meaningful to the user.
  • For the ratings section, I would use flexbox to lay out those ratings boxes in a column and then shift the second and third boxes to the right using margin-left or the transform property. 😉
  • Adding a favicon to the site. There should be one in the starter files for this challenge that you can use.

  Hope you find this helpful. 😊

  Keep coding (and happy coding, too)! 😁

  0