Testimonial grid section.

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Hafsat Nasidi, congratulations for your new solution!

  I've opened your solution in Google Chrome and is working fine. I did also some changes to the quote position and removed some unnecessary properties.

  .quotes-pic {
      /* width: 90px; */
      /* height: 90px; */
      z-index: 0;
      margin-left: 214px;
      opacity: 0.3;
  }
  

  The rest of your design is just perfect. Maybe you can improve a bit only the semantis, here's my tips for you about semantic, just replace the div holding all content with <main>, give <div> that wraps each card with <article> and the paragraph with the quote with the property tag <blockquote> this way you'll wrap each block of element with the best tag in this situation. Pay attention that <div> is only a block element without meaning.

  👨‍💻 Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/testimonials-grid-section-vanilla-css-focus-effect-custom-design-e5bIzU3vZN

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Hafsat Nasidi•60

  @hafsatun2020Posted over 2 years ago

  @correlucas thank you very much! I love your design and would try ur solution as u recommended.

  0