Responsive Testimonials

Community feedback

• 

  バレンタイン 😈•64,190

  @VCaramesPosted over 1 year ago

  Hey there! 👋 Here are some recommendations for enhancing your code.:

  • ⚠️ All images, illustrations, icons, etc… that are implemented in HTML should always have an alt tag (regardless if they are decorative or not) to help improve the accessibility of your content.

  • The profile images alt tags ⚠️ should ALWAYS and only state the person’s full name.

  • The only headings ⚠️ in this component are the names of each individual; “Daniel Clifford”, “Jonathan Walters”, “Jeanette Harmon”, “Patrick Abrams” and “Kira Whittle”. Everything else should be wrapped in a paragraph element.

  • For the testimonials, it is best ✅ to to wrap each individual testimonial component in a figure element, the individuals information should be wrapped in a figcaption element and lastly, the testimonial itself should be wrapped in a blockquote element.

  Code:

  <figure>
     <figcaption></figcaption>
     <blockquote></blockquote>
  </figure>
  

  More Info:📚

  MDN Figure Element

  • There is no need to have separate stylesheets ⚠️as it can affect site performance. Instead have on singles stylesheet ✅.

  If you have any questions or need further clarification, you can always check out my submission and/or feel free to reach out to me.

  Happy Coding! 👾

  Marked as helpful

  0