[Question] Conditionally render split pane without layout shift

[MartinXPN]

Is there any way to:

• Render a split pane for desktop (large) screens
• Not render the split pane but rather place the left and right parts below each other

Without causing a layout shift on the client side.

Context

I'm using NextJS. So, the initial rendering happens on the server. After which, the client gets the rendered component and causes a layout shift on mobile devices when I conditionally render the right pane (either below or to the right of the left one).

Is there any way to do this with CSS or another way using this library that wouldn't cause a layout shift?

Thanks for the help!