testimonials-grid-section-main using grid.

Community feedback

• 

  Ouattara•200

  @Kaji17Posted about 2 years ago

  Hi @arjunbarman74 🎉 good result. I give you some advice so that you have a code plus ultra.

  • First you must remove the tag space under your testimonial.

  • To enhance the semantics, in your code you can use the tag figure instead <div class="review-2 br-10".the individuals information (profile image, name, verified graduate) should be wrapped in a Figcaption Element instead of <div class="bio">... and lastly, the testimonial itself should be wrapped in a Blockquote Element.

  Code:

  HTML

  <figure class="review-... br-10 mb-1rem">
     <figcaption class="bio">
        <img...>
        <div class="bio__title">
           <h3>name</h3>
           <h3 class="opacity">graduate</h3>
        </div>
     </figcaption>
     <blockquote>
         <h2>...</h2>
         <p class="mar-top">...<p>
     </blockquote>
  </figure>
  

  CSS

  .mar-top{
  opacity: 50%
  }
  

  I hope it will be useful for you good code 🤞 (⌐■_■)

  Marked as helpful

  1

  ---

  

  Arjun Barman•570

  @Arjun7478Posted about 2 years ago

  Thank you for this suggestion... I'll be happy if you explain my mistake like this..

  0

  

  Ouattara•200

  @Kaji17Posted about 2 years ago

  @arjunbarman74 you need to remove this line at the bottom in your HTML <div class="space"></div>

  0