Tailwind CSS is an amazing framework, but when people first see this:

<div class="md:flex bg-white bg-gray-200 rounded-lg p-6">
    <img class="h-16 w-16 md:h-24 md:w-24 rounded-full mx-auto md:mx-0 md:mr-6" src="https://via.placeholder.com/150">
    <div class="text-center md:text-left">
      <h2 class="text-lg">Erin Lindford</h2>
      <div class="text-purple-500">Customer Support</div>
      <div class="text-gray-600">erinlindford@example.com</div>
      <div class="text-gray-600">(555) 765-4321</div>
    </div>
</div>

Well, ... It looks horrendous, doesn't it?

Turns out it comes with a ton of great benefits and once you try it, it's hard to go back.

But you don't have to do it alone, I've created an interactive tutorial to walk you through the benefits, let you play with it and feel the productivity.

You can check it out here. Tailwind isn't hard, in fact, the tutorial is less than 20 slides!

So if you are skeptical about Tailwind, or want to find out why it has gotten this popular, please take a look ;)