CSS Flex Box

Github

Add Items

Markup Codes

Below you will find the CSS and HTML required to generate the current layout you built.
The CSS has been optimized to omit any properties which have the default values.
For example, flex-direction: row; would not be included since that is the default value for flex-direction. 

    
    .container {
        
    }
    
    
    
    <div class="container">
        
    </div>