面向怀疑论者的 Tailwind CSS - 交互式 Tailwind CSS 教程
Tailwind CSS 是一个非常棒的框架，但当人们第一次看到它时：
<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>
嗯……看起来糟透了，不是吗？
事实证明，它有很多好处，一旦你尝试过，就很难再回到过去了。
但你无需独自完成，我已经创建了一个交互式教程，带你了解它的好处，让你亲身体验并感受它的高效性。
你可以在这里查看。Tailwind 并不难，事实上，教程只有不到 20 张幻灯片！
所以，如果您对 Tailwind 持怀疑态度，或者想了解它为何如此受欢迎，请继续阅读 ;)
文章来源：https://dev.to/michi/tailwind-css-for-skeptics-interactive-tailwind-css-tutorial-1h15