The min-width property sets the minimum width of an element.
If the browser window width becomes less than the specified minimum element width, then the element width remains unchanged, and a horizontal scroll bar appears in the window.
The element's width value will be calculated based on the width, max-width, and min-width properties set.
If the width value is less than the min-width value, then the element's width is set to min-width.
min-width: [ [length | percentage] || [border-box | content-box] ] | available | min-content | max-content | fit-content;