Images not scaling inside of flex grid

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Spinner
 
 
Posts: 72
Joined: Tue Nov 18, 2014 6:05 pm

Images not scaling inside of flex grid

Post by Spinner »

My images are not scaling as I reduce the size of the viewport and before it gets to the breakpoint.
I have tried endless combinations of setting of justify content, align content, align items, and flex direction with no joy. My height is set for auto and my position is floating.
Here you can see it, the images are overwriting each other instead of scalingTo fit which is what I want.
All cells are set for auto height and I'm using the fr column designation.
What am I doing wrong?
https://datapath.us/Services.html
User avatar
Pablo
 
Posts: 24141
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Images not scaling inside of flex grid

Post by Pablo »

I cannot see your settings based on the published HTML, but it looks like flex glow and shrink have not been set.
Spinner
 
 
Posts: 72
Joined: Tue Nov 18, 2014 6:05 pm

Re: Images not scaling inside of flex grid

Post by Spinner »

That was it thank you, would be nice to have that setting in the object properties.
Does it need to be set to one in both the picture and the flex grid?
User avatar
Pablo
 
Posts: 24141
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Images not scaling inside of flex grid

Post by Pablo »

Flexbox properties apply to the object inside the grid, not to the grid itself.
Post Reply