-
Hi team,
In my ongoing efforts to use GB V2, I am facing further challenges, where once again something incredibly simple has been made seemingly impossible.
This time, I have created a Grid with 2 containers. I want the containers to sized 34% for the left container and 66% for the right container. However V2 only appears to allow me to choose the defaults grid sizes and when I adjust the Width to the actual containers, it changes the size of the container, based upon its width, not the actual width of the grid. V1 made this so simple and now it makes absolutely no sense whatsoever.
I notice there is a setting in the Grid Block under ‘Layouts’ > ‘Grid Template Columns’ which has this strange stuff “1fr 3fr”. I can mess around with these , but it still doesn’t allow me make one container 34% and the other 66%. Why is this so difficult now and how do I size containers within a Grid block?Thanks
-
Hi there,
The
fris a fractional unit — for example,1fr 3frmeans:
First column: 1 out of 4 parts (25%)
Second column: 3 out of 4 parts (75%)If you prefer to use percentage units, you can replace
1fr 3frwith34% 66%in the Grid Template Columns field.The block settings follow standard CSS principles. You might find this article helpful for understanding CSS Grid layout, which is the default system the Grid block is based on.
- You must be logged in to reply to this topic.