what flex property do in css? code example

Example 1: css flex

.container {
  display: flex; /* or inline-flex */
}

Example 2: css flex

.item {
  flex-shrink: 3; /* default 1 */
}