CSS Master

Figure 4.37. Gridded items in a flex container can also expand to fill available space

Toevenlydistributeitemsacrossthewidthofaflexcontainer,usejustify-content:
space-betweenorjustify-content: space-around.Theformerevenlydistributes
thespacebetweenflexitems,aligningthefirstandlastitemswiththeedgesofthe
container(Figure4.38).Thelattercentersflexitemsandevenlydistributesspace
aroundthem(Figure4.39).

Figure 4.38. Distributing flex items with justify-content: space-between