Skip to content

Instantly share code, notes, and snippets.

@choonkeat

choonkeat/see.tailwind.grid.html

Created July 20, 2021 04:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save choonkeat/baadc21d8d9a76a6dff7fa51bdd8560a to your computer and use it in GitHub Desktop.
Save choonkeat/baadc21d8d9a76a6dff7fa51bdd8560a to your computer and use it in GitHub Desktop.
Download ZIP
I always forget
Raw
see.tailwind.grid.html
<div class="max-w-screen bg-gray-100 text-center">
<span class="text-red-400 sm:hidden">xs</span>
<span class="text-yellow-400 hidden sm:inline md:hidden">sm</span>
<span class="text-green-400 hidden md:inline lg:hidden">md</span>
<span class="text-blue-400 hidden lg:inline xl:hidden">lg</span>
<span class="text-purple-400 hidden xl:inline 2xl:hidden">xl</span>
<span class="text-pink-400 hidden 2xl:inline 3xl:hidden">2xl</span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment