Testimonial and Quotation

Our Comments

We wish use the following in the changes to be applied:

• The 4px grid convention
• SourceSans Pro as a heading font only
• Open Sans as a body font only

The following are corrections and improvements we suggest:

Correction 1
Images in the circle shouldn't stretch.

.testimonial blockquote img {
  margin-right: 32px;
  object-fit: cover;
}

Correction 2
We need to visually distinguish the author from their role.

.testimonial blockquote .testimonial__role {
  font-weight: normal !important;
}

Correction 3
The testimonial author was using the SourceSans heading font instead of the Open Sans body font.

p.testimonial__author.h3 {
  font-family: Open Sans, serif !important;
}

Improvement
We wish to have a uniformed look across quoted text. We also wish to make it a bit more readable

p.testimonial__text.h3,
.testimonial--quote .testimonial__text,
p.testimonial__text {
  font-family: Open Sans, serif !important;
  font-size: 20px !important;
  line-height: 1.75;
  font-weight: 500 !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.2px;
}

Improvement
We need a uniformed spacing after the CT working off the 4px / 8px grid

.testimonial--quote { 
  margin: 0 0 48px;
}

.testimonial {
    margin: 0 0 48px 0;
}