Make modules same height, in equal height columns
CSS, stretch modules in equal height columns
https://www.facebook.com/groups/1229431503736174/posts/5522371714442110/
.fl-module-info-box {display: flex;flex-grow: 1;}
.uabb-module-content.uabb-infobox, .uabb-module-content.uabb-infobox > div {height: 100% ;}
.uabb-infobox-content {height: 100%;display: flex;flex-direction: column;}
.uabb-infobox-text-wrap {display: flex;flex-direction: column;flex-grow: 1;}
/* if button*/
.uabb-infobox-text-wrap div.uabb-infobox-button.uabb-infobox-button {margin-top: auto ;}
TITLE 1
Info Box
Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco.
Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco.
TITLE 2
Info Box
Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco.
Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco. Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco. Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco.
cg-equal-align-button
Post 2
By Mark Tenney |
Post 1
By Tickyboom Design |
Hello world!
By wwsadmin |
Title
Description
Card #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis congue eget nibh ac semper. Ut ultrices finibus lectus. Donec hendrerit ex quis ullamcorper mollis. Cras dapibus sed nisi at molestie.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis congue eget nibh ac semper. Ut ultrices finibus lectus. Donec hendrerit ex quis ullamcorper mollis. Cras dapibus sed nisi at molestie. Suspendisse pharetra, nisl quis pellentesque semper, nisl sapien vehicula ligula, sed congue velit mi nec risus. Morbi ac enim in mauris lobortis commodo.
Header #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis congue eget nibh ac semper. Ut ultrices finibus lectus. Donec hendrerit ex quis ullamcorper mollis.p
Card #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis congue eget nibh ac semper. Ut ultrices finibus lectus. Donec hendrerit ex quis ullamcorper mollis.p