JSFiddle - React, Tailwind, and code Playground

HTML

<main class="twit-container">

      <article class="twit">
        <div class="twit-icon">
          <i class="fa fa-bullhorn"></i>
        </div>
        <div class="twit-content">
          <p class="twit-text">
            Sitting in web dev... This class is so awesome!
          </p>
          <p class="twit-text">
            Para 2!
          </p>
          <p class="twit-text">
            Sitting in web dev... This class is so awesome!
          </p>
          <p class="twit-attribution">
            <a href="#">CSMajor2017</a>
          </p>
        </div>
      </article>

      <article class="twit">
        <div class="twit-icon">
          <i class="fa fa-bullhorn"></i>
        </div>
        <div class="twit-content">
          <p class="twit-text">
            text
          </p>
          <p class="twit-attribution">
            <a href="#">BeaverBeliever</a>
          </p>
        </div>
      </article>

      <article class="twit">
        <div class="twit-icon">
          <i class="fa fa-bullhorn"></i>
        </div>
        <div class="twit-content">
          <p class="twit-text">
             text
          </p>
          <p class="twit-attribution">
            <a href="#">NewtonRulez</a>
          </p>
        </div>
      </article>

      <article class="twit">
        <div class="twit-icon">
          <i class="fa fa-bullhorn"></i>
        </div>
        <div class="twit-content">
          <p class="twit-text">
            Huh?
          </p>
          <p class="twit-attribution">
            <a href="#">ConfusedTweeterer</a>
          </p>
        </div>
      </article>

      <article class="twit">
        <div class="twit-icon">
          <i class="fa fa-bullhorn"></i>
        </div>
        <div class="twit-content">
          <p class="twit-text">
            text
          </p>
          <p class="twit-attribution">
            <a href="#">Setup</a>
          </p>
        </div>
      </article>

      <article class="twit">
 ...

CSS

.twit-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
  padding: 5%;
  position: relative;
  background: teal;
}
.twit {
  display: inline-block;
  padding: 20px;
  width: 150px;
  min-height: 100px;
  background-color: #fff;
  border: 1px solid #ccc;
  outline: 2px solid blue;
}