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. : to see the effects,

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 : to see the effects,

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