Responsive Testimonials using CSS grid.

Hello there 👋. Good job on completing the challenge !

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

HTML 📄:

• Use the <main> tag to wrap all the main content of the page instead of the <div> tag. With this semantic element you can improve the accessibility of your page.

• Tip; To improve the semantics of your code you should use the <figure> and <blockquote> tags to wrap the testimonials, with this, you will be able to encapsulate the author and the citation of the 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

CSS 🎨:

• The color of the paragraph element is unreadable because it is too light compared to its background.

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

Happy coding!

use media query and inside it reduce font size of main headings it will help! adjust margins or paddings etc..