JSFiddle - React, Tailwind, and code Playground

by Joe Saad

HTML

<ul class="team">
  <li class="member">
    <img src="http://via.placeholder.com/100x100" alt="">
    <span class="member-name">Lorem Serre</span>
    <span class="member-title">Graphic Designer</span>
  </li>
  <li class="member">
    <img src="http://via.placeholder.com/100x100" alt="">
    <span class="member-name">Lorem Serre</span>
    <span class="member-title">Graphic Designer</span>
  </li>
  <li class="member">
    <img src="http://via.placeholder.com/100x100" alt="">
    <span class="member-name">Lorem Serre</span>
    <span class="member-title">Graphic Designer</span>
  </li>
</ul>

CSS

ul.team{
  display: flex;width: 100%;
}

.team li {
  list-style-type: none;
  flex-grow: 1;
  flex-wrap: wrap;
}

.team li span {
    display: block;
    color: #145089;
}