Flexbox CSS3

This is a sample example to learn more about flex box layout in CSS3

by meetravi

HTML

<div class="container">
    <div class="one">one</div>
    <div class="two">two</div>
      <div class="three">three</div>
      <div class="four">four</div>
</div>

CSS

.container {
  display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
    -webkit-justify-content: flex-end;
   justify-content: flex-end;
   -webkit-align-content: flex-end;
   align-content: flex-end;

}
.container div{

    border: 2px solid red;
    height:50px;
    width:100px;
}