Archived topic
Modify width of grid blocks
3 replies · Started by John on April 29, 2022
Hello Support !
I feel sheepish about asking this.
I could have put more time into solving it myself.
I am learning how to use GenerateBlocks.
How do I modify the width of the respective
blocks within a grid?
For example, I choose the grid layout with
three blocks, equal in size. I will enter text
into the first and third blocks, and then want
to make more narrow the block in between.
Thanks.
John
Hi there,
first off a good place to start is using the List View to navigate the blocks.
If you select any Container that is inside the Grid, then you will see in it sidebar Layout options a % width value.
You can change each container independently, as long as the total width of all containers in a grid equal 100% ( or less ) then they will remain in the one row:
https://www.screencast.com/t/HwGS4E9f0
If you exceed 100% width the grid will autogenerate new rows for you.
Excellent, David, as always !
I see my initial mistake:
not placing a container within
the respect blocks.
John
When you create a grid - it will automatically place the Containers for you:
https://www.screencast.com/t/dKeCU91j
So no need to add container inside them. Just have to consider when they are first added by the grid the containers are just an empty placeholder, they need some content, padding, colors etc for you to see them :)
