Archived topic

Pushing a div at the bottom of its container

1 reply · Started by Antonio on April 27, 2022

Viewing posts 1–2 of 2

April 27, 2022 at 4:10 am #2201502

Hello,
I'm trying to push some buttons to the bottom of their container (see here):

Screen

I was trying to apply this CSS:

.gb-container-clienti-col-33 > .gb-inside-container {
height: 100%;
}

.gb-container-clienti-col-33 > .gb-inside-container .gb-button-wrapper-primario {
align-self: flex-end;
}

But the button is not pushed at the bottom end of its container.

Thank you

April 27, 2022 at 4:28 am #2201511

Hi there,

you could do this:

.gb-container-clienti-col-33 > .gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.gb-container-clienti-col-33 > .gb-inside-container :last-child {
    margin-top: auto;
}

But you will need to revisit your Button effect ....

This archived topic is closed to new replies.

Start building better websites today.