Responsive Testimonials-grid-section page using HTML and CSS

Community feedback

• 

  Ouattara•200

  @Kaji17Posted about 2 years ago

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

  • The profile images Alt Tags need to be improved. It should state the following; “Headshot Daniel Clifford-“

  • To enhance the semantics, in your code you can use the tag figure instead <div class="testimoneyCard".the individuals information (profile image, name, verified graduate) should be wrapped in a Figcaption Element and lastly, the testimonial itself should be wrapped in a Blockquote Element. And name and graduate of people is not a list you can use the tag p instead ul.

  Code:

  HTML

  <figure>
     <figcaption>
        <img ...>
        <div class="namepost">
           <p>name</p>
           <p>graduate</p>
        </div>
     </figcaption>
     <blockquote></blockquote>
  </figure>
  

  CSS

  figure{
  border-radius: 10px;
  padding: 40px;
  }
  figcaption{
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  }
  .namepost{
  flex-direction: column;
   margin-left: 1em;
  }
  

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

  0