Skip to content

Instantly share code, notes, and snippets.

@kiru

kiru/tailwind-css-breakpoint.html

Created June 24, 2022 14:26
Show Gist options
  • Save kiru/9105e7537b73b8d493b42bf9e2d7d871 to your computer and use it in GitHub Desktop.
Save kiru/9105e7537b73b8d493b42bf9e2d7d871 to your computer and use it in GitHub Desktop.
Download ZIP
Shows active breakpoint for TailwindCSS
Raw
tailwind-css-breakpoint.html
<div className="absolute top-0 left-0 w-full text-left p-2 text-xs">
<div className="sm:hidden">&lt;sm</div>
<div className="hidden sm:block md:hidden lg:hidden xl:hidden 2xl:hidden">sm</div>
<div className="hidden md:block lg:hidden xl:hidden 2xl:hidden">md</div>
<div className="hidden lg:block xl:hidden 2xl:hidden">lg</div>
<div className="hidden xl:block 2xl:hidden">xl</div>
<div className="hidden 2xl:block">2xl</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment