Align Div Element To Bottom Of Container

I am trying to bottom align one of three divs inside a container, but I'm having some issues. As you will see, if I try and use absolute positioning on the bottom-aligned div the h

Solution 1:

Add this to your code:

.cta-item {
   display: flex;
   flex-direction: column;
}

.bottom-aligned {
    margin-top: auto;
}

revised fiddle

More details here: Methods for Aligning Flex Items