@correlucas
Posted
๐พ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