flex-start

• class: fxa:1
• css: -webkit-justify-content: flex-start;
•   -ms-flex-pack: start;
•   justify-content: flex-start;

flex-end

• class: fxa:2
• css: -webkit-justify-content: flex-end;
•   -ms-flex-pack: end;
•   justify-content: flex-end;

center

• class: fxa:3
• css: -webkit-justify-content: center;
•   -ms-flex-pack: center;
•   justify-content: center;

space-between

• class: fxa:4
• css: -webkit-justify-content: space-between;
•   -ms-flex-pack: justify;
•   justify-content: space-between;

space-around

• class: fxa:5
• css: -webkit-justify-content: space-around;
•   -ms-flex-pack: distribute;
•   justify-content: space-around;

Abbreviations

Supported media

Notes

All flexbox classes begin with “fxa” and are separated by a colon from it’s value.