Layout

class="flex"

class="flex"

Flex Percent Values

class="flex-30"

class="flex-45"

class="flex-25"

class="flex-33"

class="flex-66"

class="flex-50"

class="flex"

Other Flex Values

class=flex-none

class=flex

class="flex-grow"

class="flex-auto"

class="flex-auto"

class="flex-initial"

Flex Offset Attribute

class="flex flex-offset-33"

class="flex"

Layout Gap

Card title #1

Some content

Card title #2

Some content

Card title #1

Some content

Card title #2

Some content