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

grid-template-columns

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.

grid-cols-<number> utility syntax

The grid-cols-<number> utilities create grids with n equally sized columns. The class syntax is grid-cols-<number>, for example grid-cols-2 or grid-cols-4. This generates the CSS grid-template-columns: repeat(<number>, minmax(0, 1fr));

grid-cols-none utility

The grid-cols-none utility sets grid-template-columns to none.

grid-cols-subgrid utility

The grid-cols-subgrid utility adopts the column tracks defined by the item's parent. It generates the CSS grid-template-columns: subgrid;

grid-cols arbitrary value syntax with brackets

Use grid-cols-[<value>] to apply an arbitrary value to grid-template-columns. This generates the CSS grid-template-columns: <value>;

grid-cols custom property syntax

Use grid-cols-(<custom-property>) to reference a custom CSS property in grid-template-columns. This generates the CSS grid-template-columns: var(<custom-property>);

grid-cols-4 creates four equal columns

The grid-cols-4 utility creates a grid with four equally sized columns using grid-template-columns: repeat(4, minmax(0, 1fr));

grid-cols-subgrid example usage

The grid-cols-subgrid utility can be used on child elements to inherit the column structure from a parent grid. For example, a child element with col-span-3 and grid-cols-subgrid will adopt three of the parent's column tracks.

grid-template-columns responsive variants

The grid-template-columns utilities support responsive design variants. You can use breakpoint prefixes like md:grid-cols-6 to apply different column configurations at different screen sizes.

Give your agent this brain