Created
January 29, 2026 17:27
-
-
Save mrl22/4f455f918df3214bbb1bad1f749b39d9 to your computer and use it in GitHub Desktop.
Tailwindcss - Display what size you are in
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="fixed bottom-0 left-0 z-9999 p-2 text-xs font-mono bg-black text-white"> | |
| <div class="block sm:hidden">BASE</div> | |
| <div class="hidden sm:block md:hidden">SM</div> | |
| <div class="hidden md:block lg:hidden">MD</div> | |
| <div class="hidden lg:block xl:hidden">LG</div> | |
| <div class="hidden xl:block 2xl:hidden">XL</div> | |
| <div class="hidden 2xl:block">2XL</div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment