Flexbox Test

by James

HTML

<div class="container">
    
    <div class="col">this is col1</div>
    <div class="col">this is col2</div>
    <div class="col">this is col3</div>
    
</div>

CSS

.container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    
    /*this shoves it to the right*/
    justify-content: flex-end;
    
    background-color: #ccc;
}

.col {
    background-color: #777;
    border: 1px solid deepskyblue;
    color: #fff;
    padding: 20px;
}