# Perspective flex containers compensating for 4k and 20k screens with my 1920x1080 page **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [June 8, 2022, 5:55pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-containers-compensating-for-4k-and-20k-screens-with-my-1920x1080-page/60506 "2022-06-08T17:55:31Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\ **Post date:** [June 8, 2022, 5:55pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-containers-compensating-for-4k-and-20k-screens-with-my-1920x1080-page/60506/1 "2022-06-08T17:55:31Z")
Question 1 I have a background image on my body flex container. It is set to grow 1, basis is 1047, justify flex start, aligns both set for stretch If in my browser I zoom in, then when I scroll the the right, the background image remains the size my zoom was when loading the page. I don’t want the image to shrink. How do I accomplish that? For reference to parts of my page: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/8/b8983ae860dc384bd850e21dbb36c5cafdc95c11.png) ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [June 9, 2022, 6:10am UTC](https://forum.inductiveautomation.com/t/perspective-flex-containers-compensating-for-4k-and-20k-screens-with-my-1920x1080-page/60506/2 "2022-06-09T06:10:35Z")
i have noticed that images and svgs in flexes sometimes behave odd. (This is a bug of html/css proabbly not perspective alone) try giving them a width/height (of auto idk) > [@\[BUG\] Perspective flex "auto" not behaving as expected with icon and svg](https://forum.inductiveautomation.com/t/bug-perspective-flex-auto-not-behaving-as-expected-with-icon-and-svg/56604/15): > > So i ran against this problem myself the other day, but in a tottaly different situation with one of my custom components. So i put on some javascript to debug and it seems like the svgs are doing weird things with their width in flex containers. This seems to be a browser issue, not ignitions fault. You can fix it by putting a width in the style of the svg/icon! @nminchin i just tested it out on the example you once send and it seems to work for this too [image] [image] adding a width to … ---
**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\ **Post date:** [June 9, 2022, 1:05pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-containers-compensating-for-4k-and-20k-screens-with-my-1920x1080-page/60506/3 "2022-06-09T13:05:58Z")
I didn’t see an option for that, so I added two values and named them width and height. Is this right, how you meant? ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/5/c56f983c19471071a69df3262fcb7e3817fa4a73.png) kind of odd. I did this and at first it did not seem to work. I set a color background on my root to an RGB code. Saved again, and now it is working. I think maybe the auto did not take at first. Well when I say it is working, I am getting the tiling effect of the size of the image, not the stretching. Beats having the image shrunk to the screen size and then when I scroll it was showing white before. Thanks for the help. * * * After more testing, I still have the issue kind of. Getting white space after I shrunk the basis of the body to height 880 with grow 1. I am not sure. ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [June 9, 2022, 1:41pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-containers-compensating-for-4k-and-20k-screens-with-my-1920x1080-page/60506/4 "2022-06-09T13:41:12Z")
Im not really sure i understand what exactly you want to to happen but there are some more things you can try. width and height to 100% backgroundSize: auto|length|cover|contain|initial|inherit `backgroundSize: 100% 100%` might be a good one too that surely will cover up any blank spots. ---
**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\ **Post date:** [June 9, 2022, 1:53pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-containers-compensating-for-4k-and-20k-screens-with-my-1920x1080-page/60506/5 "2022-06-09T13:53:42Z")
Thanks for you help Victor. Will be a while before I get back to this. Moved to a different priority. When I can, I will try that and report back with images if it doesn’t work.