Last on line conditional on screen width

[CaseyR]

HI, Bruce

This might be more suitable for a user group question but here goes.

I am using CSS to adjust control display widths with browser width successfully.  The shipping CSS makes each field last on line when the screen is very narrow which is good,  and when the screen is wide multiple fields can be displayed on the same line, also good.   The problem is in the middle widths. On a line with say two fields and prompts  as the screen narrows:
1) the right side field first tucks underneath its prompt (not good),
2) then tucks under the first field with the prompt remaining on the above line (worse),
3) then both the prompt and field are on a new line (good),
4)and finally the prompt and field have each their own line (also good).

Is there anyway to force a last on line condition so we can skip stages 1 and 2, and go straight to 3.  Doesn't have to be dynamic; set when they open the page is fine.

Thanks.

 

[CaseyR]

For those interested in this question, Bruce addressed it in the June 18, 2018 user group session.

[Bruce]

I presume you mean Jan 18, 2018