Responsive testimonial grid section challenge with HTML and CSS

Community feedback

• 

  T

  Grace•31,270

  @grace-snowPosted over 3 years ago

  Hi

  You need to get this much closer to the design if you can in terms of

  • colors
  • font styles and line spacing
  • vertical alignment
  • grid max-width
  • shadows
  • padding (don't use % for this or it won't be consistent as all boxes are different sizes)

  Before that though, it's really important to address the html semantics throughout. This is not right at the moment and would be extremely confusing for some users to understand...

  • headings must go in order
  • article cannot be used for a single paragraph
  • bold testimonial paragraph is not a heading, it's a paragraph
  • either use figure element for each box, with figcaption for the author name + image; or use heading for the author + blockquote, or use articles for each card with heading for author, paragraphs for quote.

  Good luck

  Marked as helpful

  1