JSFiddle - React, Tailwind, and code Playground

HTML

<div class="profile-content flex-list">
        <div class="flex-row">
      <div class="flex-item-wrapper">
          <div class="flex-item thumbnail clickable" data-href="#">
            <img class="img-circle" src="http://blog.blogcatalog.com/wp-content/uploads/mario-300x300.jpg" style="width:150px">
            <div class="caption">
              <h4>
                <a href="#">Y-find</a>
              </h4>
              <div class="flex-item-stats">
                <small>left</small>
                <small>right</small>
              </div>  
            </div>
          </div>
      </div>
      <div class="flex-item-wrapper">
          <div class="flex-item thumbnail clickable" data-href="#">
            <img class="img-circle" src="http://blog.blogcatalog.com/wp-content/uploads/mario-300x300.jpg" style="width:150px">
            <div class="caption">
              <h4>
                <a href="#">Cardguard Namfix</a>
              </h4>
              <div class="flex-item-stats">
                <small>left</small>
                <small>right</small>
              </div>  
            </div>
          </div>
      </div>
      <div class="flex-item-wrapper">
          <div class="flex-item thumbnail clickable" data-href="#">
            <img class="img-circle" src="http://blog.blogcatalog.com/wp-content/uploads/mario-300x300.jpg" style="width:150px">
            <div class="caption">
              <h4>
                <a href="#">Voyatouch Voyatouch Voyatouch Voyatouch Voyatouch Voyatouch </a>
              </h4>
              <div class="flex-item-stats">
                <small>left</small>
                <small>right</small>
              </div>  
            </div>
          </div>
      </div>
      <div class="flex-item-wrapper">
      </div>
  </div>

  </div>

CSS

.flex-list {
  display: flex;
  flex-direction: column;
}
.flex-list .flex-row {
  display: flex;
  margin-bottom: 20px;
}
.flex-list .flex-row .flex-item-wrapper {
  margin-right: 20px;
  width: 100%;
  background-color: yellow;
}
.flex-list .flex-row .flex-item-wrapper:last-child {
  margin-right: 0px;
  background-color: transparent;
}
.flex-list .flex-row .flex-item-wrapper .flex-item {
  width: 100%;
  height: 100%;
}

.flex-item-stats {
  display: flex;
  justify-content: space-between;
  color: grey;
  padding-top: 10px;
}
.flex-item-stats > * {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}