Archived topic
Fixed column size?
3 replies · Started by William on January 22, 2022
Aloha GP Team :)
I have a display question and was hoping I could tap your collective expertise.
I have an SVG logo, in a Custom HTML block, in a GB Grid with a single container set to 21% for desktop.
It's sized perfectly when my browser window spans wide across my iMac screen ...
But the logo scales down too small (before flipping to tablet) when I make my browser window narrower (simulating lower res desktop screens)
https://socialsciences.manoa.hawaii.edu/study-at-css/
The Tablet/Mobile containers are both working fine ...
It's just the scaling from wide desktop to narrow desktop that is bothering me.
Can you tell me how you might approach solving this issue?
I feel like maybe I shouldn't be using a %-based container for desktop ... maybe a fixed-sized SVG? ... but I'm not really sure.
Any thoughts would be greatly appreciated!!
Hope your weekend is going GREAT!!
- Bill
Hi there,
this is really a question for GenerateBlocks but heres some insight to what you can try.
Select the column Container that has your SVG. Under the Container Width you will see the following 3 fields:
Grow Shrink Basis
Set them to 0 0 100px
This will tell that column to NOT Grow NOT Shrink and that i would like to be 100px if possible.
Adjust the 100px to suit your needs.
You can then set the other columns Grow property to 1 if necessary and that will tell them to fill any available space.
Outstanding - thank you David :)
You're welcome
