Testimonials-grid-section

Community feedback

• Account deletedPosted almost 3 years ago

  I have some recommendation to your code

  for best practices

  • always used fontSize: 16px; in the <p></p> since that is the standard size for paragraph if ever you did not used the 16px and some users went to your website it will be hard for them to navigate your website especially some users have a natural blurred vision.

  • the standard size for headings (h1 - h6) is 18px - 30px but it depends to the design template you're currently following but the size I mention. that is the standard size for headings.

  • for the name of testimonials never used h1 always used <span></span> when it comes to the name of a person the h1 - h6 are used only for the title of a paragraph example below

  <h1>Title of a paragraph</h1>
  <p>this is an a paragraph(story or messages)</p>
  

  • I noticed to your body {} CSS you used flexbox but you set the flex-direction to row instead column in the large display the <main> & <div class="attribution"> will become horizontal so much better used flex-direction: column

  body {
  ==> change this
      flex-direction: row;
  }
  

  • in the main {} CSS much better used max-width: 900px rather than 80% because if you used 80% in the max-width in the large display it will make your layout not good looking

  main {
  ==> change this
     max-width: 80%;
  }
  

  00