# Alignment Guidance with Flex container in perspective

**URL:** <https://forum.inductiveautomation.com/t/alignment-guidance-with-flex-container-in-perspective/59037>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 29, 2022, 7:42am UTC](https://forum.inductiveautomation.com/t/alignment-guidance-with-flex-container-in-perspective/59037 "2022-04-29T07:42:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sri\_Haran](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@Sri\_Haran](https://forum.inductiveautomation.com/u/Sri_Haran)\
**Post date:** [April 29, 2022, 7:42am UTC](https://forum.inductiveautomation.com/t/alignment-guidance-with-flex-container-in-perspective/59037/1 "2022-04-29T07:42:46Z")

</div>

Hi all,  
I’m facing an alignment issue with flex container though below commands will explain how i did it  
i have created a new view with the root container as flex  
then i have added another flex into it and used again two Row-flex containers and set its basis one as 70% and another as 30%  
1.in that 70% container again i used 3 column flex container with basis of 33% of each  
\*inside three of two flex containers i added a label as 10% then map component as 90%, and remain one has 3 labels as each 10% and 3 labels as 24%(+or-1)  
2.and in the another 30% container i used 4 column flex containers with basis of 25% each  
in first and third of those container i used two labels with one 10% and another 90% then in second and fourth of those containers i used 4 labels where 2 of 10% basis and other 2 of 40% those two containers follows the same other two in this containers  
Below Snipping explains u well!  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/3/03db2c317538ee5822c6148096346f77bed3ea88.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/4/94ff5e2abf32e71d4b13be82d21b5ab5b4f54645.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/8/a86cd00b0e1f32562e88fb3daf27941a557c35b2.png)  
I think you have better explanation now…  
what is issue in the sense while seeing this in a big screen its looks cool but while seeing it in through laptop scroll bars are showing then my labels value text remains very big can anyone assist me on this case  
Regards,  
Sri

---

<div class="post-metadata">

**Author:** ![apalas](https://avatars.discourse-cdn.com/v4/letter/a/e47774/32.png) [@apalas](https://forum.inductiveautomation.com/u/apalas)\
**Post date:** [May 11, 2022, 5:43pm UTC](https://forum.inductiveautomation.com/t/alignment-guidance-with-flex-container-in-perspective/59037/2 "2022-05-11T17:43:12Z")

</div>

Hi Sri,

Instead of attempting to force one view to accommodate for both desktop and laptop resolutions, why not try using a breakpoint view?

Below is documentation on creating a Breakpoint Container but you are also able to configure a Breakpoint view as well. The settings for both are pretty much the same:  
[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Breakpoint+Container](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Breakpoint+Container)

This will allow you to specify specific text and container sizes on a separate, dedicated “WebPage” view for your laptops once the Perspective session detects the laptop’s height and width.