how to make elements in flex container so that it takes width of the container code example

Example 1: space between flexbox

justify-content: space-between;

Example 2: flex box css

.container {
  flex-direction: row | row-reverse | column | column-reverse;
}