1.html-fill-container { 2 display: flex; 3 flex-direction: column; 4 /* Prevent the container from expanding vertically or horizontally beyond its 5 parent's constraints. */ 6 min-height: 0; 7 min-width: 0; 8} 9.html-fill-container > .html-fill-item { 10 /* Fill items can grow and shrink freely within 11 available vertical space in fillable container */ 12 flex: 1 1 auto; 13 min-height: 0; 14 min-width: 0; 15} 16.html-fill-container > :not(.html-fill-item) { 17 /* Prevent shrinking or growing of non-fill items */ 18 flex: 0 0 auto; 19} 20 21