Skip to content

Instantly share code, notes, and snippets.

@motion-work

motion-work/Breaky.html

Created April 22, 2021 07:20
Show Gist options
  • Save motion-work/4a0ab465d5488bb2c79d62b9c98621cd to your computer and use it in GitHub Desktop.
Save motion-work/4a0ab465d5488bb2c79d62b9c98621cd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Breaky.html
<div style="z-index: 1000;" class="fixed right-4 bottom-4 shadow-md rounded-full bg-black w-12 h-12 flex justify-center items-center font-bold pt-1">
<span class="text-center text-white sm:hidden">less</span>
<span class="text-center text-white hidden sm:inline md:hidden">sm</span>
<span class="text-center text-white hidden md:inline lg:hidden">md</span>
<span class="text-center text-white hidden lg:inline xl:hidden">lg</span>
<span class="text-center text-white hidden xl:inline 2xl:hidden">xl</span>
<span class="text-center text-white hidden 2xl:inline 3xl:hidden">2xl</span>
<span class="text-center text-white hidden 3xl:inline 4xl:hidden">3xl</span>
<span class="text-center text-white hidden 4xl:inline">4xl</span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment