Created
June 29, 2025 15:54
-
-
Save mardr/8c9ca90902e24ca00099431b12e23936 to your computer and use it in GitHub Desktop.
Display Tailwind CSS breakpoints
This file contains hidden or 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 class="p-1 bg-gray-500 text-white block sm:hidden">Current breakpoint: NONE</div> | |
| <div class="p-1 bg-amber-600 text-white hidden sm:block md:hidden">Current breakpoint: SM</div> | |
| <div class="p-1 bg-red-600 text-white hidden md:block lg:hidden">Current breakpoint: MD</div> | |
| <div class="p-1 bg-green-600 text-white hidden lg:block xl:hidden">Current breakpoint: LG</div> | |
| <div class="p-1 bg-blue-600 text-white hidden xl:block 2xl:hidden">Current breakpoint: XL</div> | |
| <div class="p-1 bg-black text-white hidden 2xl:block">Current breakpoint: 2XL</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment