<main class="card-container">
  <div class="card">
    <p>
      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Labore
      cumque ex quas in consectetur nihil odit beatae quae corrupti quod
      quaerat quis molestias ducimus, nostrum eos officiis neque cupiditate
      sit?
    </p>
  </div>
  <div class="card">
    <p>
      Cumque accusantium officia voluptates nulla omnis aliquam eum,
      aspernatur, aliquid velit vel repudiandae aut dignissimos quod nihil.
      Tempora illum qui quisquam consectetur blanditiis, vel vitae. Corporis
      quo voluptatem veritatis tempore!
    </p>
  </div>
  <div class="card">
    <p>
      Ab repudiandae odio quibusdam voluptatibus earum repellat pariatur
      ducimus cum sit nihil. Officiis, amet. Sunt quas odio, eveniet
      voluptatem accusantium iste illo possimus. Aperiam eligendi aliquam
      illo! Eum, dicta quaerat.
    </p>
  </div>
  <div class="card">
    <p>
      Deleniti consectetur placeat commodi molestias nisi neque blanditiis.
      Ex quia provident ipsam cumque nesciunt dolorum! Odio natus provident
      similique pariatur. Cumque eos ipsa velit ducimus ratione perferendis
      non eius ad!
    </p>
  </div>
  <div class="card">
    <p>
      Reprehenderit voluptatem repudiandae maxime vel nostrum ipsum
      laudantium ratione, ullam culpa. Dolores, ad? Aspernatur nobis, qui
      natus reprehenderit autem quo hic ea, maxime quam saepe quasi sint
      explicabo eligendi atque.
    </p>
  </div>
  <div class="card">
    <p>
      Ea quia cupiditate architecto quibusdam numquam porro asperiores
      delectus blanditiis optio rerum libero officia, harum ex maxime eius
      sint illo quod provident aperiam temporibus? Magni eos dolores minima
      asperiores quia!
    </p>
  </div>
</main>

.card {
  background-color: #006b80;
  color: white;
  width: 100%;
}

.card-container {
  max-width: 900px;
  margin: 0 auto;
}

.card p {
  padding: 20px;
  font-family: sans-serif;
}

.card-container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}