Align an element to centre bottom of each flexbox
<p>I have 3 divs that are side by side using display: flex.</p>

<p>The content in these divs are of varying height, but what I would like is to create a link in each that is always positioned at the bottom.</p>

<pre><code> -----------   -----------   -----------
|    img    | |    img    | |    img    |
| heading 1 | | heading 3 | | heading 3 |
| paragraph | | paragraph | | paragraph |
| paragraph | |           | | paragraph |
|           | |           | | paragraph |
|   link    | |   link    | |   link    |
 -----------   -----------   ----------- 
</code></pre>

<p>This way the links will always appear lined up.</p>

<p><a href="https://jsfiddle.net/tbpqg4qa/">JSFiddle code</a></p>