This is actually expected behavior.
In “traditional” web design, the various elements (div’s, etc) react to each other, because you simply can’t have magical whitespace without setting a specific element to be absolutely positioned.
In Bubble’s render engine, an element is ALWAYS absolutely positioned, unless it is touching and/or encompassed by another element. This means that in order to have group X affect group Y, they need to have some sort of established relationship (i.e. they should be contained within a group themselves).
If you carry the responsive model over to bubble, what happens, in order to create a truly responsive page, is that you will need to use a variety of “spacer” elements that may not actually be seen by the end user, but they do affect the elements that can be. As an example - let’s say that you have a floating group that wraps a vertical side menu. When the page width is < 768px, you hide that floating group.
Your other page elements don’t move. There’s just a large white space where the hidden floating group would be visible.
The way you adjust for this is to have a transparent group BEHIND the floating group, that you then set whatever conditional adjustments, or responsive setting to, and the other elements react accordingly.