new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS · Utilities reference · all subjects

break-inside

3 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

break-inside utility classes and CSS

The break-inside utilities control how a column or page should break within an element. The utility classes and their corresponding CSS are: break-inside-auto produces break-inside: auto;, break-inside-avoid produces break-inside: avoid;, break-inside-avoid-page produces break-inside: avoid-page;, and break-inside-avoid-column produces break-inside: avoid-column;.

break-inside responsive design support

The break-inside utilities support responsive design variants. The default class is break-inside-avoid-column and the featured responsive variant class is break-inside-auto.

break-inside-avoid-column example

Example showing break-inside-avoid-column used within a multi-column layout: <div class="columns-2"><p>Well, let me tell you something, ...</p><p class="break-inside-avoid-column">Sure, go ahead, laugh...</p><p>Maybe we can live without...</p><p>Look. If you think this is...</p></div>. This prevents the paragraph from breaking across columns.

Give your agent this brain