vertical fill of div

[JuanVolares]

Hi, I need a front-end expert for (probably) a simple problem:

I use a template from template monster. Click here to see the body of a page I made.

I want the 3 buttons to align to the bottom of the div on the left (the div with the pictures). Click here for a mockup.

How can I do this? The template came with both Flex and Bootstrap grid system.

I hope you know what I mean.

Thank you!

[Paulie_D]

Without knowing the HTML structure it’s hard to comment.

In general though you can give the right container display:flex and flex-direction:column.

Then assuming your buttons are in their own div you can give that margin-top:auto and it will automatically be pushed to the bottom.

Like this:

https://codepen.io/Paulie-D/pen/ybEoKW

[JuanVolares]

Hello Paulie_D,

Click Here to visit the page with the code, hope this helps!

[Author]

Posts