Hi.

Yes, Tailwindcss readability is indeed a problem, but even though Tailwindcss is utility-first framework, that can be avoided.

By using tailwindcss directive @apply one can still utilize full framework capabilities while keeping html code clean.

For example

.btn {
  @apply font-bold py-2 px-4 rounded;
}

You can also add responsive design directives to this.

.responsiveText {
  @apply font-bold py-2 px-4 rounded; // represents @screen sm
  @screen md {
    @apply font-thin py-1 px-2 rounded;
  }
}

Happy coding. :)