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

Radix Primitives · all subjects

container

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.

Container component constrains page content width

The Container component constrains the maximum width of page content. It is based on the div element and supports common margin props.

Container size 1 max-width value

Container size="1" uses a maximum width of 448px, controlled by the CSS variable --container-1.

Container size 2 max-width value

Container size="2" uses a maximum width of 688px, controlled by the CSS variable --container-2.

Container size 3 max-width value

Container size="3" uses a maximum width of 880px, controlled by the CSS variable --container-3.

Container size 4 max-width value

Container size="4" uses a maximum width of 1136px, controlled by the CSS variable --container-4.

Container size prop customizable via CSS variables

Container sizes use max-width values that may be customized by overriding the CSS variables --container-1, --container-2, --container-3, and --container-4.

Container shares layout props with Box, Flex, Grid, Section

The Container component shares layout props with Box, Flex, Grid, and Section components. These components support common margin props and other layout-related properties.

Radix Themes 3.0.0 Container align prop

Radix Themes 3.0.0 added `align` prop to the Container component to control whether the container content is aligned to the left, center, or right.

Give your agent this brain