-
Hi,
I am having trouble pushing buttons to the bottom of a container. I have 2 containers (inside the grid element) and have given them a minimum height to make them the same height. The containers have content followed by a button. I want the buttons to be at the bottom of both containers. Currently, I am doing this by adding a huge top margin to the “buttons” block, which is not ideal.
Here is the page in question https://schlam.com/careers/current-opportunities-new/
Can someone please advise how to do this?
-
Hi Mick,
Try setting the top margin to
autoinstead. Let us know how it goes. -
Thank you. That didn’t work. Did you mean top margin auto for the buttons element? Should I have flex enabled on the container?
Here is the page with “auto” top margin on the button element https://schlam.com/careers/current-opportunities-new/
-
Yes, set it to flex.
To be specific:
1. Set the Container to display – flex.
2. Set the flex-direction to column.
3. Give the Container a height of 100%.
4. Give the Buttons Block a top margin ofauto.This setting should work.
-
It worked!! Thank you very much 🙂
-
resolved
- You must be logged in to reply to this topic.