Max-Width

Sizing

Utilities for setting the maximum width of an element.

Class	Properties
`ob-max-w-0`	max-width: 0
`ob-max-w-none`	max-width: none
`ob-max-w-xs`	max-width: 20rem
`ob-max-w-sm`	max-width: 24rem
`ob-max-w-md`	max-width: 28rem
`ob-max-w-lg`	max-width: 32rem
`ob-max-w-xl`	max-width: 36rem
`ob-max-w-2xl`	max-width: 42rem
`ob-max-w-3xl`	max-width: 48rem
`ob-max-w-4xl`	max-width: 56rem
`ob-max-w-5xl`	max-width: 64rem
`ob-max-w-6xl`	max-width: 72rem
`ob-max-w-7xl`	max-width: 80rem
`ob-max-w-full`	max-width: 100%
`ob-max-w-min`	max-width: min-content
`ob-max-w-max`	max-width: max-content
`ob-max-w-fit`	max-width: fit-content
`ob-max-w-prose`	max-width: 65ch
`ob-max-w-screen-xl`	max-width: var(--ob-breakpoints-xl) => /* 1200px */
`ob-max-w-screen-lg`	max-width: calc(var(--ob-breakpoints-lg) + 1px) => /* 992px */
`ob-max-w-screen-md`	max-width: calc(var(--ob-breakpoints-md) + 1px) => /* 768px */
`ob-max-w-screen-sm`	max-width: calc(var(--ob-breakpoints-sm) + 1px) => /* 480px */
`ob-max-w-screen-xs`	max-width: 320px