Buttons on the bottom of parallel column items to get them on eqaul height
Hello, I spend quit time to find a solution . The homepage of http:/marinascompany.de (dutch version) shows a wrap with 4 Column boxes, each with a picture+text+button. In a responsve mode I tried to get the buttons on the same height. Since the text length is varying, wanted to put the buttons on the wrap bottom. How can I get a solution?
Peter
Peter
Comments
not sure I understand what you mean. So ofcourse the columns are different height because the content length. But what do you want to do with those buttons on responsive?
Maybe some screenshots will clarify this.
thanks
and the code of the column box what you see under the blue wrap
<div style="padding: 40px 20px 20px; border-right: 1px solid rgba(0,0,0,.1);">
<h2 style="margin-bottom: 0px;">Brooker</h2>
</div>
[image src="http://www.marinascompany.de/wp-content/uploads/2018/03/iStock_000007703586Medium-1024x564-1-e1520811749384.jpg" align="center" border="0"]
<div style="padding: 20px; border-right: 1px solid rgba(0,0,0,.1);">
<p>This centrale system supports interaction with internet boat platforms.</p>
[button title="Read more" link="http://www.marinascompany.de/?page_id=200" target="" align="center" icon="icon-basket" icon_position="left" color="" font_color="" size="3" full_width="" class="" download="" rel="" onclick=""]</div>
my screen shot don,t fit in this comment box. Do you have an email adress so that I can send you the screen shot
thanks
thanks