Tailwind CSS Crash Course

Tailwind CSS is amazing.

Utility Classes

Instead of creating a .btn class, you use px-4 py-2 bg-blue-500 rounded.

<div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4">
  <div>
    <div class="text-xl font-medium text-black">ChitChat</div>
    <p class="text-gray-500">You have a new message!</p>
  </div>
</div>