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: flex;
  flex-wrap: wrap;
  padding: 5%;
  margin:-10px 0 0 -10px;
  position: relative;
}
.twit {
  max-width: 200px;
  display: inline-block;
  padding: 20px;
  width: 150px;
  min-height: 100px;
  margin: 10px 0 0 1%;
  background-color: #fff;
  border: 1px solid #ccc;
  flex-grow: 1;
  outline: 2px solid blue;
}