Another approach might be to have different forms for different sizes. I do that where small screens need to lay stuff out very differently.
Goes against the responsive design principles a bit, but you do end up with a much more tailored set of forms.
I mostly use the material template, so my “always open” form has some JS to detect if the page width changes and it sets a property accordingly. Then some logic determines which sub-form to open based on that setting.