Break After

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

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use to only apply the break-after-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-after-column utility at only medium screen sizes and above.