JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cards" id="ex1">
  <div class="card">
  sdsds
    <img src="http://www.clker.com/cliparts/5/b/a/7/1194986784455829849basebalm_ganson.svg.med.png" />
  </div>
  <div class="card">
    <img src="http://www.clker.com/cliparts/d/1/4/6/11971185311926706097Gioppino_Basketball.svg.med.png" />
  </div>
</div>

<div class="cards" id="ex2">
  <div class="card">
    <img src="http://www.clker.com/cliparts/5/b/a/7/1194986784455829849basebalm_ganson.svg.med.png" />
  </div>
  <div class="card">
    <img src="http://www.clker.com/cliparts/d/1/4/6/11971185311926706097Gioppino_Basketball.svg.med.png" />
  </div>
</div>

CSS

.cards {
  display: inline-block;
  border: 2px solid #808080;
  border-radius: 2px;
  padding: 10px;
  margin-bottom: 20px;
  width:10%;
}

#ex1 .card {
  width: 35%;
  display: inline-block;
}

#ex2 .card {
  width: 150px;
  display: inline-block;
}

.card img {
  width: 100%;
}