Responsive testimonials section using grid and flexbox

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,020

  @MelvinAguilar

  Posted over 2 years ago

  Hello there 👋. Good job on completing the challenge !

  I have some suggestions about your code that might interest you.

  HTML 🏷️:

  • It's important to have only one main heading on each page. You're using multiple <h1> tags, which can cause confusion for screen-reader users and search engines.

  • The alt attribute should provide a brief, clear description of the image. Using phrases like "image of" or "picture of" in the alt attribute can be redundant and unhelpful for screen reader users

    If you want to learn more about the alt attribute, you can read this article. 📘.

  • To enhance the semantics of your code, consider using the <figure> and <blockquote> tags to wrap the testimonials. This way, you can clearly define the author and citation of each testimonial.

    Example:

    <figure>
       <blockquote>
          <p>"Example of a testimonial"</p>
       </blockquote>
       <figcaption>
          <p>Example of the author</p>
       </figcaption>
    </figure>
    

    You can read more about the <figure> and <blockquote> tags with this two links:

    1. Quotations, Citations, and Blockquotes | CSS-Tricks
    2. Quotations | MDN Web docs

  I hope you find it useful! 😄 Above all, the solution you submitted is great!

  Happy coding!

  40

  Marked as helpful