Min Width

Utilities for controlling the minimum width of an element.

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

min-w-auto

min-width: auto;

min-w-full

min-width: 100%;

min-w-screen

min-width: 100vw;

min-w-0

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

min-w-4

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

min-w-8

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

min-w-1/2

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

min-w-1/3

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

min-w-[100px]

min-width: 100px;

Reference

min-width MDN ↗

CSS Properties

  • min-width