Default layout .pf-l-flex.

Inline flex .pf-m-inline-flex.

Adjusting width with .pf-m-grow. In this example, the first group is set to .pf-m-growand will occupy the remaining available space.

Adjusting width with .pf-m-flex-1. In this example, all groups are set to .pf-m-flex-1. They will share available space equally.

Specifying column widths with .pf-m-flex-{1,2,3}.