This little utility will render the current breakpoint size you're on, SUPER handy for responsive development

1-tailwindbreaks.htmlView on GitHub
<!-- TAILWIND CSS RESPONSIVE SIZE -->
<span class="text-xs text-gray-200 tailwind-breaks">
  <span class="inline-block sm:hidden">XS</span>
  <span class="hidden sm:inline-block md:hidden">SM</span>
  <span class="hidden md:inline-block lg:hidden">MD</span>
  <span class="hidden lg:inline-block xl:hidden">LG</span>
  <span class="hidden xl:inline-block">XL</span>
</span>

You can actually Live-demo it in action down in my footer 👇 Just resize your screen and you'll see it change!