Archived topic
generateblocks flex align-items not working.
9 replies · Started by Joost on December 25, 2020
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?
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
here it is ;)
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
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
Not sure if I fully understand.
You are trying to move the Go to Approach to align with the bottom of the image?
yes thats exactly what I'm trying ;)
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 :)
¿DONDE PUEDES ABRIR UN TEMA O TENER CONTACTO CON SOPORTE TÈCNICOS DE GENERATEPRESS?
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/
