JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

  <div class="tile">
    <div class="tile_content">
      <div>
        some content...
      </div>
      <div>
        <button>
          <svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px">
            <path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16,21h-2v-7h2V21z M15,11.5 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S15.828,11.5,15,11.5z" /></svg>
          <span>Informations</span>
        </button>
      </div>
    </div>
  </div>

  <div class="tile">
    <div class="tile_content">
      <div>
        some content...
      </div>
      <div>
        <button>
          <svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px">
            <path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16,21h-2v-7h2V21z M15,11.5 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S15.828,11.5,15,11.5z" /></svg>
          <span>Informations</span>
        </button>
      </div>
    </div>
  </div>

  <div class="tile">
    <div class="tile_content">
      <div>
        some content...
      </div>
      <div>
        <button>
          <svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px">
            <path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16,21h-2v-7h2V21z M15,11.5 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S15.828,11.5,15,11.5z" /></svg>
          <span>Informations</span>
        </button>
      </div>
    </div>
  </div>

  <div class="tile">
    <div class="tile_content">
      <div>
        some content...
      </div>
      <div>
        <button>
          <svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px">
            <path...

CSS

.container {
  display: flex;
  flex-wrap: wrap;
}

.tile {
  width: 50%;
}

@media screen and (min-width: 350px) {
  .tile {
    width: 33.3333%;
  }
}

@media screen and (min-width: 500px) {
  .tile {
    width: 25%;
  }
}

.tile_content {
  margin: 10px;
  background: grey;
}

button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

svg {
  min-width: 0;
  max-width: 30px;
  width: calc((100% - 124px)*124);
}