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/background-size

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.

background-size utilities (bg-auto, bg-cover, bg-contain)

The background-size utilities in Tailwind CSS v4 are: bg-auto (background-size: auto), bg-cover (background-size: cover), and bg-contain (background-size: contain). These control how a background image is sized relative to its container.

background-size custom property syntax

The bg-size-(<custom-property>) syntax uses a CSS custom property to set background-size, with the generated CSS being background-size: var(<custom-property>). This allows referencing theme variables.

background-size arbitrary value syntax

The bg-size-[<value>] syntax accepts arbitrary values enclosed in square brackets, generating background-size: <value>. This allows using any valid CSS background-size value not predefined as a utility.

bg-cover utility crops background image to fill container

The bg-cover utility scales the background image until it fills the entire background layer, cropping the image if necessary to maintain aspect ratio and complete fill.

bg-contain utility scales without cropping or stretching

The bg-contain utility scales the background image to fit within the outer edges without cropping or stretching, preserving the full image within the container boundaries.

bg-auto utility displays image at default size

The bg-auto utility displays the background image at its intrinsic default size without scaling.

Give your agent this brain