Testimonials grid section

Community feedback

• 

  Liam Frosteman Neogard•170

  @FrostemanNeogardPosted over 1 year ago

  Adding the following styling to your <figure> elements will place them in the correct positions, though you do need to change grid-template-colums: repeat(5, auto) to grid-template-colums: repeat(4, auto) on your container.

  <main>
      <figure class="item" style="grid-column: 1 / span 2; grid-row: 1;">{...}</figure>
      <figure class="item" style="grid-column: 3; grid-row: 1;">{...} </figure>
      <figure class="item" style="grid-column: 4; grid-row: 1 / span 2;">{...}</figure>
      <figure class="item" style="grid-column: 1; grid-row: 2;">{...}</figure>
      <figure class="item" style="grid-column: 2 / span 2; grid-row: 2;">{...}</figure>
  </main>
  

  You can add this styling via CSS or hard-code it into the HTML, though I would probably recommend the former.

  Hope this helps!

  Marked as helpful

  0

  ---

  

  Hamza-Noah•300

  @Hamza-NoahPosted over 1 year ago

  @FrostemanNeogard Thank you very much for this helpful solution

  0