Liquid Layout: A Unique Responsive Design Tool
Our liquid layout feature automatically adjusts your design to fit any size screen or window: from mobile to laptop to desktop monitor and anything in between.
There is a fundamental obstacle in web design:

Web browsers need to know the positioning of elements in order to display a page correctly. But controlling where an element displays on a page is very complicated especially in today’s world of ever growing device and screen sizes. When you code a responsive website, you have to have a clear grasp of non-obvious coding principles like media-queries, and methods like floats, relative, and absolute positioning. Other - traditional - WYSIWYG web creation tools offer you a semi-flexible environment, with limited drag-and-drop capabilities. Typically, you will have to create a stack of boxes, or containers or div’s or whatever name the platform uses. You then fit your content into these stacked boxes, and to make your layout look good, you are required to manually add margins and padding.
Who wants to manually type in dimensions for all those arrows??
This method works, but it does come with certain design restrictions: everything has to fit into that Tetris-like stack of boxes, and if your design is not repetitive, it gets tedious to create this. Also, it causes most sites to start to look alike because of its restrictions. We thought it would be cool if you didn’t have restrictions.
We imagined that you could create layouts with elements positioned anywhere you would want them, without having to worry about manual padding, margins, spacing or fitting everything into a box scheme.

So we created a layout engine that does all of that. It's called 'liquid layout'.
Goodbye design restrictions
With our liquid layout engine, you can freely move any element around and place it where you want it. Next to another element, under another element, on top of another element, in the top header... anything is possible. When you drag-and-drop an element on the canvas in the location where you want it, our liquid layout engine will automatically create its own positioning, proportionally to other elements on the canvas. Where it gets really cool though is that this ‘web’ adapts itself to the size of the browser window that your visitors are using. On a small browser window, the liquid layout contracts and on a larger web browser window, the liquid layout expands. So your layout looks like you intended it across screen sizes. But wait. There is more. Contracting and expanding is all nice and well, you might say, but does my layout look as intended when the distance between the elements is variable? Wouldn’t it all look quite crowded on a smaller screen, or sparse on a large screen?
It would - except that all your elements will scale as well. Images will adapt in size, and even your fonts! We use ‘rem’ in our font sizes, so even your fonts will adapt themselves to the browser window size and preserve your layout. Adaptive behavior And to finally conclude all of the aspects of our liquid layout: it is adaptive. Our platform will ping the user’s device and send the appropriate version (desktop/mobile) to that device.
GET UPDATES
Thank you & welcome!
GET UPDATES
Thank you & welcome!
POWERFUL, INTUITIVE DIGITAL PUBLISHING SOFTWARE
Drag-and-drop content creation, integrated marketing tools and performance analytics, all in one platform.
DESIGNERS AT THE WORLD'S LEADING BRANDS ARE ALREADY USING US