Flex Example

See how the Flexbox attributes affect your layout

align-items: to see the effects,

select 'text 2'
set flex-wrap to nowrap
use red x to remove the height property
change align-items.

align-content: to see the effects,

select 'text 1'
set flex-wrap to wrap
increase item width until they wrap
use red x to remove the height property
change align-content

The red x's remove the width and height property entirely from the items so that the browser sizes them as it sees fit.