Flex

It determines how a flex item adjusts its size to fit within a container.

It controls how a flex item grows, shrinks and how much space it takes up relative to others.

Class list

Class name	Styles
co-flex-auto	flex: auto
co-flex-fill	flex: 1 1 auto

<div class="co-d-flex co-flex-fill">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
</div>

<div class="co-d-flex sm:co-flex-fill">
    ..
</div>