Responsive CSS Flex example

A simple way to create two columns and three columns using CSS flex option. It also shows an example of responsive styling of the columns.

The flex CSS shorthand property makes it easier to design flexible responsive layout structure without using float or positioning.

In first example there is a flex container with two flex items and in the second example there is a flex container with three flex items.