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

max-inline-size

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

max-inline-size utility classes reference

The max-inline-size utilities include: max-inline-<number> (max-inline-size: calc(var(--spacing) * <number>);), max-inline-<fraction> (max-inline-size: calc(<fraction> * 100%);), max-inline-3xs (max-inline-size: var(--container-3xs); /* 16rem (256px) */), max-inline-2xs (max-inline-size: var(--container-2xs); /* 18rem (288px) */), max-inline-xs (max-inline-size: var(--container-xs); /* 20rem (320px) */), max-inline-sm (max-inline-size: var(--container-sm); /* 24rem (384px) */), max-inline-md (max-inline-size: var(--container-md); /* 28rem (448px) */), max-inline-lg (max-inline-size: var(--container-lg); /* 32rem (512px) */), max-inline-xl (max-inline-size: var(--container-xl); /* 36rem (576px) */), max-inline-2xl (max-inline-size: var(--container-2xl); /* 42rem (672px) */), max-inline-3xl (max-inline-size: var(--container-3xl); /* 48rem (768px) */), max-inline-4xl (max-inline-size: var(--container-4xl); /* 56rem (896px) */), max-inline-5xl (max-inline-size: var(--container-5xl); /* 64rem (1024px) */), max-inline-6xl (max-inline-size: var(--container-6xl); /* 72rem (1152px) */), max-inline-7xl (max-inline-size: var(--container-7xl); /* 80rem (1280px) */), max-inline-none (max-inline-size: none;), max-inline-px (max-inline-size: 1px;), max-inline-full (max-inline-size: 100%;), max-inline-dvw (max-inline-size: 100dvw;), max-inline-dvh (max-inline-size: 100dvh;), max-inline-lvw (max-inline-size: 100lvw;), max-inline-lvh (max-inline-size: 100lvh;), max-inline-svw (max-inline-size: 100svw;), max-inline-svh (max-inline-size: 100svh;), max-inline-screen (max-inline-size: 100vw;), max-inline-min (max-inline-size: min-content;), max-inline-max (max-inline-size: max-content;), max-inline-fit (max-inline-size: fit-content;), max-inline-(<custom-property>) (max-inline-size: var(<custom-property>);), and max-inline-[<value>] (max-inline-size: <value>;).

max-inline-<number> spacing scale utilities

Use max-inline-<number> utilities like max-inline-24, max-inline-32, max-inline-40, max-inline-48, max-inline-64, max-inline-80, and max-inline-96 to set an element to a fixed maximum inline size based on the spacing scale.

max-inline-<fraction> percentage utilities

Use max-inline-full or max-inline-<fraction> utilities like max-inline-1/3, max-inline-1/2, max-inline-3/4, and max-inline-9/10 to give an element a percentage-based maximum inline size.

max-inline container scale utilities

Use utilities like max-inline-sm and max-inline-xl to set an element to a fixed maximum inline size based on the container scale. Container scale values include 3xs (16rem / 256px), 2xs (18rem / 288px), xs (20rem / 320px), sm (24rem / 384px), md (28rem / 448px), lg (32rem / 512px), xl (36rem / 576px), 2xl (42rem / 672px), 3xl (48rem / 768px), 4xl (56rem / 896px), 5xl (64rem / 1024px), 6xl (72rem / 1152px), and 7xl (80rem / 1280px).

max-inline custom value syntax

Use max-inline-[<value>] to set a custom maximum inline size value, for example max-inline-[220px].

max-inline responsive design

max-inline-size utilities support responsive design variants. The default class is max-inline-sm and featured class is max-inline-lg for different breakpoints.

max-inline-size theme customization

The max-inline utility can be customized by modifying the spacing scale in the theme configuration.

Give your agent this brain