grid with template-area

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Mateo Sarubbi, congratulations for your new solution!

  Use the proper size for the component max-width: 1110px the way you did is making the container grow too much:

  .testimonial-grid {
      max-width: 1110px;
      grid-template-areas:
          "one one two five"
          "three four four five";
  }
  

  As you did wrapping all the rest of the content using semantic tags like <article> you can wrap the paragraph with the quote with the tag <blockquote> this way you'll wrap each block of element with the best tag in this situation. Pay attention that <div> is only a block element without meaning.

  SEMANTIC TAGS: Here's a complete guide for HTML semantic TAGS: https://www.w3schools.com/TAgs/default.asp

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0