Tailwind negate responsive breakpoints

responsive-menu.html

<div class="flex !md:flex-col items-center !md:space-y-6 md:space-x-6">
  <button>Menu button 1</button>
  <button>Menu button 2</button>
  <button>Menu button 3</button>
</div>

tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  theme: {
    extend: {
      screens: Object.keys(defaultTheme.screens).reduce((obj, key) => {
        const [rawMin] = defaultTheme.screens[key].split('px')
        const max = parseInt(rawMin) - 1
        obj[`!${key}`] = { max: `${max}px` }
        return obj
      }, {}),
    },
  },
}

Thanks 👍