OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it

Fluid span

The width of flex child containers is not only defined by the number of containers, but also by their content. They will adjust and distrubute their widths automatically acording to content.

Usage is a bit tricky :)

Rant tweet

[YOUR OWN PERSONAL OPINION ON A TOPIC] > [ARTICLE TITLE]: https://[URL] #[HASHTAG] by @[HANDLE]

Endorsement tweet

I ♥ this post by @[HANDLE] - https://[URL] #[HASHTAG]

Solution tweet

Don't let your [ASSET] [NEGATIVE RESULT]. Find out how to [GOAL] here: https://[URL] #[HASHTAG]

<div class="flex wrap-no gap_m collapse-p">
  <div>
    <div>
      <h5 class="text-clip ma-b_s">Rant tweet</h5>
      <p class="text-hyphen">[YOUR OWN PERSONAL OPINION ON A TOPIC] > [ARTICLE TITLE]: https://[URL] #[HASHTAG] by @[HANDLE]</p>
    </div>
  </div>
  <div>
    <div>
      <h5 class="text-clip ma-b_s">Endorsement tweet</h5>
      <p class="text-hyphen">I ♥ this post by @[HANDLE] - https://[URL] #[HASHTAG]</p>
    </div>
  </div>
  <div>
    <div>
      <h5 class="text-clip ma-b_s">Solution tweet</h5>
      <p class="text-hyphen">Don't let your [ASSET] [NEGATIVE RESULT]. Find out how to [GOAL] here: https://[URL] #[HASHTAG]</p>
    </div>
  </div>
</div>