Button alignment in column

[ArcaneE]

Hi,

My site is lokal-assurances.ca

On the homepage, in the “Notre approche” section, I have same height marginless columns.

I want my button to be aligned at the bottom of the column. I have used the following CSS:
$el {
position: absolute;
bottom: 10px;
}

It woks fine on the column on the right but pushed the button in the left column all the way to the right, and hides it under the left column.

Help?

Thank you

[jade]

Hi there,

Please update the code to:

$el {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

Hope this helps.

[ArcaneE]

Thank you for the quick reply, much appreciated!

Hi! I did try to ply with the right and left but it won’t align with the text responsively. Is there any other way to have it aligned with the text on the right, same way it was before I forced it at the bottom?

Thank you,

Nathalie

[nabeel]

Hey Nathalie,

For the button in the left column, please use this code:

$el {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

For the button in the right column, use this code:

$el {
    position: absolute;
    bottom: 10px;
}

When you do that you should have the following layout:

Let us know how this goes!