Fluid Layout

Orientation change in Touch applications is a real design problem, particularly with enterprise apps in tabs.
* App designed for portrait mode will be left with empty space on page, when moved to landscape
* On the other side App designed for landscape mode, with components placed from left to right in hbox, will not wrap in portrait mode.

Fluid layout is designed to take care of these issues. Flexbox layout is extended to build the Fluid layout along with some CSS changes. This is tested fine in webkit, it may need CSS tweaking for others.

Caveats:
If there are multiple rows in a page each inside a fluid layout then the page will wrap fine in portrait mode. But any hbox layout is placed in between these fluid layout rows and that is wide enough then the fluid layout rows below the hbox layout may not warp. So, for the page to behave like fluid there should not any blocking hbox layout, and all rows has to use fluid layout.
* Not tested in all device types