StackLayout is a flexible width component based CSS layout system. It is proposed as an alternative to the popular grid style layout systems.

The default StackLayout is a ‘fluid’ or ‘liquid’ layout based on percentage widths so you can mockup your design quickly. It provides adequate markup structure and layout hooks so that you can easily refine your design as the project progresses without having to revise your mocked up markup.

StackLayout uses display:inline-block with negative letter spacing in a fixed width font (Courier New) in order to achieve a floatless, gridless layout system, the components of which can be nested within each other to produce virtually any layout.