twitter-box.mustache

<div class="mb-5 p-4 flex flex-col items-center text-center border border-grey-100 sm:mb-0">
  <div class="flex flex-row sm:flex-col items-center">
    <img class="rounded-full shadow-sm w-12 h-12 mb-4 sm:mb-2" src="https://randomuser.me/api/portraits/women/56.jpg"
         alt="user image"/>
    <div class="flex flex-col sm:flex-col">
      <h5 class="font-alt text-xl mb-2 sm:text-base">Tomáš Marný</h5>
      <small class="mb-4 text-turquoise-400">@pirat.tomas.marny</small>
    </div>
  </div>
  <p class="text-small sm:text-base leading-6 mb-2">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
    nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
    justo duo dolores et ea rebum.</p>
  <a href="" class="hover:no-underline">
    <i class="ico--twitter text-turquoise-400 text-3xl sm:text-xl"></i>
  </a>
</div>