HowTo: Align the last item to the bottom of an Elementor column

Courtesy elementorcodes.com, here’s my current preferred method for aligning the last item in an Elementor column to the bottom of the column:

The following assumes you have Elementor Pro as it utilizes the selector “magic” CSS selector.

First, select the column(s) where you want your last item aligned to the bottom.

Second, add the following to the “Custom CSS” editor under the Advanced tab:

selector > div > div {
        flex-direction: column;
}

selector .elementor-widget-wrap div:last-child {
        margin-top: auto;
}