Skip to content

Instantly share code, notes, and snippets.

@alancriaxyz

alancriaxyz/tailwind-responsive.html

Created June 11, 2024 04:00
Show Gist options
  • Save alancriaxyz/73752e152d204d5df21d030808e72443 to your computer and use it in GitHub Desktop.
Save alancriaxyz/73752e152d204d5df21d030808e72443 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tailwind-responsive.html
<div class="fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white">
<div class="block sm:hidden">xs</div>
<div class="hidden sm:block md:hidden lg:hidden xl:hidden 2xl:hidden">sm</div>
<div class="hidden md:block lg:hidden xl:hidden 2xl:hidden">md</div>
<div class="hidden lg:block xl:hidden 2xl: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