Sinceramente não gosto. Código fica super confuso, mistura html com css praticamente no mesmo arquivo, ele em si não entrega nad de estilo pronto, aí vc tem aue ir atrás das ui kits que usam ele.

Se é pra escrever css direto no HTML, prefiro usar a tag style.

Nao é isso!

Tailwind nao é 1 para 1 no css, quando voce usa por exemplo `w-24 h-24 rounded-full mx-auto` ele adicionar mais comandos css que o basico, garantindo a compatibilidade entre browsers. Ele também traz coisas como **md:rounded-none** o que seria complexo resolver com o @media 

Eu também acho que tailwind deixa o código html sujo, como por exemplo: `<figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800">`. Mas isso voce consegue contornar, por exemplo, no vue eu prefiro utilizar assim:

```html
<template>
  <button class="button">I use scoped Tailwind classes</button>
</template>

<style lang="postcss" scoped>
.button {
  @apply border border-green-500 bg-green-500 text-white rounded-md px-4 py-2 m-2;
}
</style>
```

Sinceramente não gosto. Código fica super confuso, mistura html com css praticamente no mesmo arquivo, ele em si não entrega nad de estilo pronto, aí vc tem aue ir atrás das ui kits que u...