Debug class conflicts

Create responsive grid layout

Define custom screen sizes

tailwindcss/debug-screens

Show active breakpoint

debugging

responsive

Shows current screen size in corner for debugging responsive designs

Install debug screens plugin

// tailwind.config.js
  module.exports = {
    plugins: [
      require('tailwindcss-debug-screens'),
    ]
  }

Add to body element

<body class="debug-screens">

Responsive utility pattern

Show the history of an image

Show detailed info about a pod