# Center components in a column view

**URL:** <https://forum.inductiveautomation.com/t/center-components-in-a-column-view/24192>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [April 17, 2019, 1:11pm UTC](https://forum.inductiveautomation.com/t/center-components-in-a-column-view/24192 "2019-04-17T13:11:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\
**Post date:** [April 17, 2019, 1:11pm UTC](https://forum.inductiveautomation.com/t/center-components-in-a-column-view/24192/1 "2019-04-17T13:11:17Z")

</div>

Is there a way to center a component in a row of a Column view? I’m pretty sure I can get away with using another container, but I already have several containers inside of this view, and I’m not sure how much it will effect performance. A screenshot is below for reference.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/3/3181bc638ab8464dbb18909852023276ad0debdb.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [April 17, 2019, 2:08pm UTC](https://forum.inductiveautomation.com/t/center-components-in-a-column-view/24192/2 "2019-04-17T14:08:00Z")

</div>

Containers in Containers in Containers.  
Any time you find yourself thinking “center” or “bottom” or “top”, look to use a Flex Container.

---

<div class="post-metadata">

**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\
**Post date:** [April 17, 2019, 2:16pm UTC](https://forum.inductiveautomation.com/t/center-components-in-a-column-view/24192/3 "2019-04-17T14:16:54Z")

</div>

I’ve been using the flex containers for some embedded options. I just haven’t quite figured out the tricks to get it to align everything for a full view just yet. Guess I’ll play around with it a bit more. I should be able to get that embedded flex container to scale better.
