# Container's actual width and height

**URL:** <https://forum.inductiveautomation.com/t/containers-actual-width-and-height/33840>\
**Category:** Ignition\
**Created:** [April 10, 2020, 9:33am UTC](https://forum.inductiveautomation.com/t/containers-actual-width-and-height/33840 "2020-04-10T09:33:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![iscrac](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/iscrac/32/49757_2.png) [@iscrac](https://forum.inductiveautomation.com/u/iscrac)\
**Post date:** [April 10, 2020, 9:33am UTC](https://forum.inductiveautomation.com/t/containers-actual-width-and-height/33840/1 "2020-04-10T09:33:37Z")

</div>

Hi,

How can I get Container’s actual width and height in px? In designer I can see only default sizes, but I created a CSS-element (Mark Down), so I need to know the actual size of the container.  
For now my result is:  
In designer:  
 ![Pump_Designer](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/bd1bc67260aa1dc23a2529bebcb1ba9427c6f656.png)  
In browser:  
 ![Pump_Browser](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/0428d1c54a38dfdea104f54337bbdfdbbabc6a6f.png)

Project Browser:  
 ![PumpStruction](https://us1.discourse-cdn.com/inductiveautomation/original/2X/7/7794628cce87d664ad61da2f647940899d387285.png)  
PumpControl is a Template which I paste in another View

I use FLEX containers.  
The problem is, DIV elements don’t understand the width and height in % when I use for example border-left property…

Thanx in Advance!

---

<div class="post-metadata">

**Author:** ![ignitionSL](https://avatars.discourse-cdn.com/v4/letter/i/9e8a1a/32.png) [@ignitionSL](https://forum.inductiveautomation.com/u/ignitionSL)\
**Post date:** [September 25, 2023, 11:44pm UTC](https://forum.inductiveautomation.com/t/containers-actual-width-and-height/33840/2 "2023-09-25T23:44:58Z")

</div>

Make the grow to 0 in the flex and adjust the basis accordingly