Explain the purpose of the flex property in Flexbox.

The flex property in Flexbox defines how flex items are distributed within a container. It determines how the items grow, shrink, and their default size in relation to the available space in the container. This property helps create flexible and responsive layouts by allowing items to adjust dynamically based on the container’s size.For example, .item { flex: 2; } /* This item takes twice the space compared to others */ In this example, the .item will occupy more space, adjusting its size relative to other items inside the same flex container.