[Support request] generateblocks flex align-items not working.

[Joost]

hi, I’ve created a container with two grids on top of each other inside. I want the top grid aligned to the top of the container and the bottom grid to the bottom with the following css:

.container{
display: flex;
align-content: space-around;
height: 100vh;
}

but the align content isn’t working.
but when I inspect the element, I see there is an “gb-inside-container”. How do I align the bottom grid to the bottom of the container?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Joost]

here it is 😉

[Leo]

You shouldn’t need CSS for that – I just tested and it should work like this:
https://www.screencast.com/t/cnxIU5dTYl

Looks like you are adding some unnecessary grids – make sure your block navigation looks like this:
https://www.screencast.com/t/qKlN1Pp2lA6h

[Joost]

Hi Leo,

It’s still not working for me. To clarify, see images. I want the bottom grid (red) to align to the bottom of the container and the top grid align to the top.

https://ibb.co/7NjH6v3 = container with top grid and bottom grid (red)
https://ibb.co/2chKbhz = bottom grid
https://ibb.co/F6RM8ZP = top grid

[Leo]

Not sure if I fully understand.

You are trying to move the Go to Approach to align with the bottom of the image?

[Joost]

yes thats exactly what I’m trying 😉

[Ying]

Hi Joost,

To achieve what you are looking for, it’s best to build the structure with GB as the screenshot below:
https://tinyurl.com/y852r2wc

And set the Horizontal Gap of grid to 0, Vertical Gap of grid to 0, Vertical Alignment to top.
https://tinyurl.com/yaedpbfx

Let me know 🙂

[JOSE GILBERTO]

¿DONDE PUEDES ABRIR UN TEMA O TENER CONTACTO CON SOPORTE TÈCNICOS DE GENERATEPRESS?

[Elvin]

Hi @Jose Gilberto,

¿DONDE PUEDES ABRIR UN TEMA O TENER CONTACTO CON SOPORTE TÈCNICOS DE GENERATEPRESS?

You can open a new topic here for any technical concerns or you can contact us through our Contact us page here: https://generatepress.com/contact/

[Author]

Posts