Responsive to all screens

Ask for Help
1

How do I make the app responsive to all screens?

Use this code

<pre><span><style>

/* Text Entry (1 nd component) */
div[id*='screenScrollView'] > div > :nth-child(18) {
margin-top:-20px;
margin-left:-5px;
width:50%;
height:150px;
}


/* Text Entry (1 nd component) */
div[id*='screenScrollView'] > div > :nth-child(19) {
margin-top:-150px;
margin-left:190px;
width:50%;
height:px;
}


/* Text Entry (1 nd component) */
div[id*='screenScrollView'] > div > :nth-child(20) {
margin-top:px;
margin-left:-5px;
width:50%;
height:170px;
}


/* Text Entry (1 nd component) */
div[id*='screenScrollView'] > div > :nth-child(21) {
margin-top:-170px;
margin-left:190px;
width:50%;
height:px;
}


</style></span></pre>

SAR

SAR1
SAR1730Ă—439 3.4 KB

2

You can use a responsive set up for this:

Basically set up multiple “if-then-else” scenarios based on the browser window size.

It’s not easy though, since you have to take into account a lot of device sizes, so make sure you get the right breaking points for desktop, tablet and mobile.

1 Like
3

I assume Glide doesn’t cover all cases. But shouldn’t it? I feel like it shouldn’t be up to the dev team to keep up with responsiveness considerations and maintain their code.

4

Glide does cover it to a good extent, this is just a case of OP using CSS and it’s not responsive.

3 Likes