Let me reexplain my design needs.
Sidebar 1 - Main - Sidebar 2
Now the situation arises where these sidebars needs to be reversed say like this →
Sidebar 2- Main - Sidebar 1
This is easily doable just by changing the order.
but there is one more situation -
Sidebar 1 + Main → There should be one box above it as shown in the previous image posted and the second side bar should claim the full height, but this should be done in a very flexible manner that by just changing one property like order we can manipulate or reverse this that means we can implement the same on
main + Sidebar 2 , and in this case sidebar 1 will claim the full height.