Created
June 24, 2022 14:26
-
-
Save kiru/9105e7537b73b8d493b42bf9e2d7d871 to your computer and use it in GitHub Desktop.
Shows active breakpoint for TailwindCSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div className="absolute top-0 left-0 w-full text-left p-2 text-xs"> | |
| <div className="sm:hidden"><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