I’ve noticed on some of my Flexbox settings (namely Height, Width etc) are greyed out and when I hover the mouse over the setting value field a ‘Help Hint’ is displayed to the effect:
Please see full image highlighted settings)
What I don’t understand is where the Flex Child Settings are coming from, because in this particular instance the only Child elements in this Div are Paragraph text.
Yes, the Hero Wrapper is set to display: flex, which also has the Height setting greyed out. The parent div Flex Container is also `display: flex, but settings not greyed out.
I’ve been on a Flexbox Frenzy!!
The settings are not affected in the desktop view.
When you set flex item to expand in Webflow it is just a 1 click preset of different properties that are commonly used. Going into the gear icon you will see that a flex basis is set to obtain this behaviour (in this case 0%).
The values are greyed out because they won’t be taken into consideration for the maths behind flexbox.
Therefore the flex basis is the value flexbox is using to know how it should grow/shrink.
According to MDN setting the flex basis to auto means look at my width and height to calculate the basis instead of overriding it.
If you want to have control over them set the flexitem on the gear icon and you can use grow 1, shrink 1 and basis auto, you should then have access to the height value of your flex item.
Have a look on my answer on the other thread you opened. I pointed you out to a nice link to fully get the power of Webflow.
It would be boring if we were not learning
I’m glad if I helped you and don’t hesitate to ask here as this community is really reactive and helpful.
Also when an answer solved your issue don’t forget to mark it as solved as it will help others on the forum to find answer to similar questions or as well to focus on unresolved ones.
