Align an element to bottom with flexbox

Question

I have a div with some children:

  
heading 1
  
heading 2
  
Some         


        
      

Answer 1

1. Style parent element: style="display:flex; flex-direction:column; flex:1;"

2. Style the element you want to stay at bottom: style="margin-top: auto;"

3. Done! Wow. That was easy.

Example:

 // For demo, not necessary
    
 // Parent element
         I  // Target element
    

    ... 5 more identical divs, for demo ...

Demo: https://codepen.io/ferittuncer/pen/YzygpWX