Flex Example
This page demonstrates the use of the flex-container and flex-child styles.
First example
The first example contains a DIV with content in the top and bottom and in the middle is a flex container with two columns; each column contains a heading, a paragraph, and a button.
two-column-box-1 heading
This paragraph is at the top of the two-column-box-1.
Left column heading
Left column content.
Right column heading
Right column content.
This paragraph is at the bottom of the two-column-box-1.
Second example
The second example contains a DIV with content in the top and bottom and in the middle is a flex container with two columns; each column contains an image and a paragraph.
two-column-box-2 heading
This paragraph is at the top of the two-column-box-2.
Left column text.
Right column text.
This paragraph is at the bottom of the two-column-box-2.
Icons made by Roundicons from Flaticon.