What’s TailwindCSS? ​

Tailwind CSS is a popular CSS framework that provides a set of pre-designed utility classes to help developers rapidly build user interfaces.

Code comparison with and without TailwindCSS ​

With TailwindCSS ​

<nav class=”max-w-xl”>
	<!-- nav -->
</nav>

Wthout TailwindCSS ​

<nav class=”container”>
	<!-- nav -->
</nav>

.container {
  max-width: 36rem;
}