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/min-width

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

min-w-<number> spacing-based minimum width utility

The min-w-<number> utilities set minimum width using the spacing scale. They apply min-width: calc(var(--spacing) * <number>);. Examples include min-w-24 (24 * spacing unit), min-w-64 (64 * spacing unit), and similar numeric values that scale with the spacing configuration.

min-w-<fraction> percentage-based minimum width utility

The min-w-<fraction> utilities set minimum width as a percentage of the parent element. They apply min-width: calc(<fraction> * 100%);. Examples include min-w-1/2 (50%), min-w-2/5 (40%), min-w-3/4 (75%), and other fractional values.

min-w container scale utilities

The min-w container scale utilities are: min-w-3xs (16rem / 256px), min-w-2xs (18rem / 288px), min-w-xs (20rem / 320px), min-w-sm (24rem / 384px), min-w-md (28rem / 448px), min-w-lg (32rem / 512px), min-w-xl (36rem / 576px), min-w-2xl (42rem / 672px), min-w-3xl (48rem / 768px), min-w-4xl (56rem / 896px), min-w-5xl (64rem / 1024px), min-w-6xl (72rem / 1152px), min-w-7xl (80rem / 1280px). These use CSS custom properties like var(--container-3xs) and are based on container size scales.

min-w fixed keyword minimum width utilities

The fixed keyword minimum width utilities are: min-w-auto (min-width: auto), min-w-px (min-width: 1px), min-w-full (min-width: 100%), min-w-screen (min-width: 100vw), min-w-dvw (min-width: 100dvw), min-w-dvh (min-width: 100dvh), min-w-lvw (min-width: 100lvw), min-w-lvh (min-width: 100lvh), min-w-svw (min-width: 100svw), min-w-svh (min-width: 100svh), min-w-min (min-width: min-content), min-w-max (min-width: max-content), min-w-fit (min-width: fit-content).

min-w custom property and arbitrary value utilities

The min-w utilities support custom values through two patterns: min-w-(<custom-property>) applies min-width: var(<custom-property>), and min-w-[<value>] applies min-width: <value> to support arbitrary CSS values.

Give your agent this brain