The min-block-size property sets the minimum size of an element on the block axis — equivalent to min-height in horizontal writing modes or min-width in vertical writing modes, depending on writing-mode..hero {
min-block-size: 50vh;
}.sticky-section {
min-block-size: calc(100vh - 4rem);
}min:0max:9999step:1units:% | px | em | rem | vw | vhautoAutomatic minimum (default value).min-contentMinimum content size on the block axis.max-contentMaximum content size on the block axis.fit-contentShrinks to content size on the block axis, clamped between min-content and max-content.fit-content()fit-content(<length-percentage>) — constrains size on the block axis.calc()Computes a value from a math expression.CSS Logical Properties and Values Level 1Editor's Draft<length-percentage>W3CMDNCSSShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
