Summary Four

CSS Flexbox

Layout for CSS Flexbox

CSS Flexbox replaced the use of float and made design more flexible. There are multiple layouts for flexbox that allow the use for text, section, data, and elements within a webpage. In order for this to work the flexbox container has to be created first.

Flex Container

CSS flex container is the first thing that has to be created in order for it to work. Within flex container there are several properties just like everyother CSS option. However, there are additional items like align-items, flex-wrap, align-content, etc.

Items within a flexbox

Order property is one element that can be placed within flexbox that allows you to order the items in any order. The flex-grow property helps to adjust the size of the flex item. Along with this elemnet there is the opposite with flex-shrink that will allow the item to shrink.