<div class="container">
  <div class="card">
    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="card__icon" viewBox="0 0 16 16">
      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
      <path d="M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z" />
    </svg>
    <h3 class="card__title">Heading</h3>
    <p class="card__text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit unde nihil dolores esse eligendi eius nobis!</p>
  </div>

  <div class="card">
    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="card__icon" viewBox="0 0 16 16">
      <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
    </svg>
    <h3 class="card__title">Heading</h3>
    <p class="card__text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit unde nihil dolores esse eligendi eius nobis!</p>
  </div>

  <div class="card">
    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="card__icon" viewBox="0 0 16 16">
      <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641l2.5-8.5z" />
    </svg>
    <h3 class="card__title">Heading</h3>
    <p class="card__text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit unde nihil dolores esse eligendi eius nobis!</p>
  </div>
</div>

body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #eee;
}

.container {
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  grid-gap: 10px;
}

.card {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
}

.card__icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  color: cornflowerblue;
}

.card__title {
  text-align: center;
  margin: 20px 0 5px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 20px;
}

.card__text {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.3;
}