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

order

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

order-<number> utility syntax

The order-<number> utility sets the CSS order property to a specific number value. For example, order-1 produces order: 1;, order-3 produces order: 3;, and so on.

Negative order values with dash prefix

To use a negative order value, prefix the class name with a dash. For example, -order-1 produces order: calc(1 * -1);, which results in order: -1;.

order-first utility

The order-first utility sets order: -9999; to render a flex or grid item first, regardless of its position in the document.

order-last utility

The order-last utility sets order: 9999; to render a flex or grid item last, regardless of its position in the document.

order with custom property syntax

Use the order-(<custom-property>) syntax to reference a custom CSS property. For example, order-(--my-order) produces order: var(--my-order);.

order with arbitrary value syntax

Use the order-[<value>] syntax to set an arbitrary order value. For example, order-[13] produces order: 13;.

order utility applies to flex and grid items

The order utilities control the order of flex and grid items, allowing them to be rendered in a different order than they appear in the document.

order utilities support responsive design

Order utilities can be prefixed with responsive breakpoints (like sm:, md:, lg:) to change the order value at different screen sizes.

Give your agent this brain