Bottom aligned modules in columns

Aligned Run

Aligned Buttons

This CSS is added to the advanced tab of the containing row:

.bottom-aligned{
display: flex;
justify-content: center;
align-items: flex-end;
flex: 1 1 0;
}
/* To allow buttons to be full-width */

.bottom-aligned > *{
flex: 1 1 100%;
}

 

Click Here
Aligned Girls

Aligned Buttons

The module is aligned to the bottom by adding this selector bottom-aligned to the advanced tab of the module under class. Buttons are used in this example.

Click Here
Aligned Net

Aligned Buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.

Click Here