Flexible Box Module or Flexbox is a type of layout model. The main aim of this layout is to distribute space between items in a container. This layout is a one-dimensional layout model. The flexbox layout even works when the size of the items is unknown or dynamic.
To set space between the flexbox you can use the flexbox property justify-content you can also visit all the property in that link.
We can use the justify-content property of a flex container to set space between the flexbox.
- The value space-between is used for displaying flex items with space between the lines.
- The value space-around is used for displaying flex items with space between, before and after the lines.
The below example will illustrate the property used for setting space between the flexbox.