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 v4 · all subjects

utilities/order

6 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 utility classes syntax

The order utility in Tailwind CSS v4 uses these class patterns: order-<number> outputs order: <number>, -order-<number> outputs order: calc(<number> * -1), order-first outputs order: -9999, order-last outputs order: 9999, order-(<custom-property>) outputs order: var(<custom-property>), and order-[<value>] outputs order: <value>.

order-first and order-last utilities

The order-first utility sets order: -9999 to render flex and grid items first. The order-last utility sets order: 9999 to render flex and grid items last.

order utility for flex and grid items

The order utilities control the order of flex and grid items. Use order-<number> utilities like order-1 and order-3 to render items in a different order than they appear in the document.

negative order values with dash prefix

To use a negative order value, prefix the class name with a dash, such as -order-1, to convert it to a negative value.

order utility supports custom properties

The order utility supports custom properties via order-(<custom-property>) syntax which outputs order: var(<custom-property>), and arbitrary values via order-[<value>] syntax.

order utility supports responsive design

The order utility supports responsive design breakpoints and can vary the order value across different screen sizes.

Give your agent this brain