Skip to content

Instantly share code, notes, and snippets.

@mardr

mardr/breakpoints.blade.php

Created June 29, 2025 15:54
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mardr/8c9ca90902e24ca00099431b12e23936 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mardr/8c9ca90902e24ca00099431b12e23936 to your computer and use it in GitHub Desktop.
Download ZIP
Display Tailwind CSS breakpoints
Raw
breakpoints.blade.php
<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