Break Inside

Utilities for controlling how a column or page should break within an element.

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use to only apply the break-inside-avoid-column utility on hover.

You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use to apply the break-inside-avoid-column utility at only medium screen sizes and above.