Images in a flex container

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
Lasa
 
 
Posts: 544
Joined: Sat Oct 06, 2018 3:08 pm

Images in a flex container

Post by Lasa »

Is there a way to have the images in a flex container be smaller in the smaller break points?
Lasa
User avatar
crispy68
 
 
Posts: 3052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Images in a flex container

Post by crispy68 »

Set the Flex Grow and Flex Shrink properties of the image to 1 and it will scale within the container.
Lasa
 
 
Posts: 544
Joined: Sat Oct 06, 2018 3:08 pm

Re: Images in a flex container

Post by Lasa »

Hi Crispy68,
I do not see the Flex grow / shrink options in flex container properties?
Lasa

(found it! Thanks.)
Lasa
 
 
Posts: 544
Joined: Sat Oct 06, 2018 3:08 pm

Re: Images in a flex container

Post by Lasa »

Found it but it doesn't shrink the images? I'm doing something wrong?
Lasa
Lasa
 
 
Posts: 544
Joined: Sat Oct 06, 2018 3:08 pm

Re: Images in a flex container

Post by Lasa »

I need the images to actually get smaller on small screens (while keeping the same ratio)
Does the shrink and grow do that?
User avatar
crispy68
 
 
Posts: 3052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Images in a flex container

Post by crispy68 »

Yes.
Lasa
 
 
Posts: 544
Joined: Sat Oct 06, 2018 3:08 pm

Re: Images in a flex container

Post by Lasa »

I've changed every setting I can find to make it happen but definitely doing something wrong .
http://www.asiaamericashow.com/
It's the flags .. made in idea etc. reduce the browser and the flag images remain the same size so they take up a large amount of space on a phone.
User avatar
Pablo
 
Posts: 23434
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Images in a flex container

Post by Pablo »

User avatar
crispy68
 
 
Posts: 3052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Images in a flex container

Post by crispy68 »

Does the link you provided show the issue? I viewed on my mobile and it looks OK to me but I'm not exactly sure how it is supposed to look.
Lasa
 
 
Posts: 544
Joined: Sat Oct 06, 2018 3:08 pm

Re: Images in a flex container

Post by Lasa »

Here's a link to the wbs. https://exportimporttradeshow.com/sample.html

The idea is for the images to reduce in size so they don't take so much of the phone screen.
Maybe I'm all wet!

Lasa
Post Reply