CSS Flexibility

 CSS Flexibility

CSS provides properties to control the flexibility of elements within a flex container. Some commonly used properties include:

Flex-grow: Specifies the ability of an element to grow to fill available space. For example:

.item {

  flex-grow: 1;

}

Flex-shrink: Specifies the ability of an element to shrink if necessary. For example:

.item {

  flex-shrink: 0;

}

Flex-basis: Sets the initial size of an element before any available space is distributed. For example:

.item {

  flex-basis: 200px;

}