Min Width

Style syntax for setting the minimum width of an element.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

min-width:size / min-w:sizemin-width: sizerem
min-w:fullmin-width: size%
min-w:fitmin-width: fit-content
min-w:maxmin-width: max-content
min-w:maxmin-width: max-content
min-w:3xs / min-w:360min-width: 30rem
min-w:2xs / min-w:480min-width: 37.5rem
min-w:xs / min-w:600min-width: 48rem
min-w:sm / min-w:768min-width: 52.125rem
min-w:md / min-w:1024min-width: 64rem
min-w:lg / min-w:1280min-width: 80rem
min-w:xl / min-w:1440min-width: 90rem
min-w:2xl / min-w:1600min-width: sizerem
min-w:3xl / min-w:1920min-width: 120rem
min-w:4xl / min-w:2560min-width: 160rem

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="min-w:full:hover min-w:full@sm min-w:full@dark min-w:full@print"></div>
Min Height

Style syntax for setting the minimum height of an element.


Style syntax for setting an element’s width.

MIT License © Aoyue Design LLC.