Person list component on Eventbrite

person-list.html

<div class="list-person g-group">
  <ul>
     <li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
         <img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
         <h3 class="list-person--name">Anthony Edward Stark</h3>
         <p>Stark Industries</p>
         <p>Iron man</p>
     </li>
         <li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
         <img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
         <h3 class="list-person--name">Natalia Alianovna Romanova</h3>
         <p>Avengers</p>
         <p>Black Widow</p>
     </li>
     <li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
         <img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
         <h3 class="list-person--name">Steven Rogers</h3>
         <p>Avengers</p>
         <p>Captain America</p>
     </li>
     <li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
         <img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
         <h3 class="list-person--name">Robert Bruce Banner</h3>
         <p>Avengers</p>
         <p>The Hulk</p>
     </li>
     <li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
         <img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
         <h3 class="list-person--name">Ororo Munroe</h3>
         <p>X-Men</p>
         <p>Storm</p>
     </li>
     <li class="g-cell g-cell-1-1 g-cell-md-1-3 g-cell-lg-1-4">
         <img src="http://dummyimage.com/320x320/000/fff.jpg" alt="" class="list-person--image">
         <h3 class="list-person--name">Peter Benjamin Parker</h3>
         <p>Avengers</p>
         <p>Spiderman</p>
     </li>
 </ul>
</div>