summary 4
1.The flexbox layout- it is used to create an organized layout in an easier way then float. All modern, popular browsers support this layout. to make the layout flexible you can add flex. For example
.flex-container
{display:flex;
}
2.flex direction- flex directions helps define in which way the flex container will be organized. If it is flex-direction:collumn; it will be put in a collumn. there is collumn-reverse, row, and row reverse.
3. flex elements- you can use order in flex to sort the order of the boxes. you can also use grow or shrink to adjust the sizes. for a smaller box its one, bigger box could be 8. One last one you can use is align-self, which is where you ca center a box