Page 1 of 1
Images in a flex container
Posted: Fri Jul 14, 2023 1:40 am
by Lasa
Is there a way to have the images in a flex container be smaller in the smaller break points?
Lasa
Re: Images in a flex container
Posted: Fri Jul 14, 2023 2:39 am
by crispy68
Set the Flex Grow and Flex Shrink properties of the image to 1 and it will scale within the container.
Re: Images in a flex container
Posted: Fri Jul 14, 2023 3:45 am
by Lasa
Hi Crispy68,
I do not see the Flex grow / shrink options in flex container properties?
Lasa
(found it! Thanks.)
Re: Images in a flex container
Posted: Fri Jul 14, 2023 3:53 am
by Lasa
Found it but it doesn't shrink the images? I'm doing something wrong?
Lasa
Re: Images in a flex container
Posted: Mon Jul 17, 2023 1:33 pm
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?
Re: Images in a flex container
Posted: Mon Jul 17, 2023 1:37 pm
by crispy68
Yes.
Re: Images in a flex container
Posted: Mon Jul 17, 2023 2:23 pm
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.
Re: Images in a flex container
Posted: Mon Jul 17, 2023 2:41 pm
by Pablo
Re: Images in a flex container
Posted: Mon Jul 17, 2023 3:01 pm
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.
Re: Images in a flex container
Posted: Mon Jul 17, 2023 3:05 pm
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