Check the plugin documentation for setup and configuration guidance:
https://jedistudios.io/plugins/layout-jedi

Check out the plugin demo editor:

https://bubble.io/page?id=layout-jedi-demo&tab=Design&name=index

1. Enable ID attributes in your Bubble app by going to Settings → General and turning on the option to expose ID attributes for HTML elements.

2. Add an ID attribute to the parent Bubble container you want to control. This should be the row or column container that contains the child elements.

3. Add ID attributes to each child container you want to reorder.

4. Place the Container Position Jedi element anywhere on the page. The element does not need to be visible to users.

5. In the Parent Container ID field, enter the ID of the parent container.

6. In the Child Element IDs field, enter the child container IDs in the exact order they should appear, separated by commas.

Example:
mainCard,leftCard,rightCard

7. To use a different order at different screen sizes, add Bubble conditions to the Flex Order Controller element and change the Child Element IDs value for each responsive layout.

8. Use the Current Order exposed state when you need to reference, display, or save the active order being applied.