Max Width

Utilities for controlling the maximum width of an element.

Class CSS Output
max-w-auto
max-width: auto;
}
max-w-full
max-width: 100%;
}
max-w-screen
max-width: 100vw;
}
max-w-0
max-width: calc(var(--spacing) * 0);
}
max-w-4
max-width: calc(var(--spacing) * 4);
}
max-w-8
max-width: calc(var(--spacing) * 8);
}
max-w-1/2
max-width: calc(1/2 * 100%);
}
max-w-1/3
max-width: calc(1/3 * 100%);
}
max-w-[100px]
max-width: 100px;
}

max-w-auto

max-width: auto;

max-w-full

max-width: 100%;

max-w-screen

max-width: 100vw;

max-w-0

max-width: calc(var(--spacing) * 0);

max-w-4

max-width: calc(var(--spacing) * 4);

max-w-8

max-width: calc(var(--spacing) * 8);

max-w-1/2

max-width: calc(1/2 * 100%);

max-w-1/3

max-width: calc(1/3 * 100%);

max-w-[100px]

max-width: 100px;

Reference

max-width MDN ↗

CSS Properties

  • max-width