SYSTEM AND METHOD PROVIDING RESPONSIVE EDITING AND VIEWING, INTEGRATING HIERARCHICAL FLUID COMPONENTS AND DYNAMIC LAYOUT

A website building system includes a processor; at least one database storing website pages and layouts comprising fluid components, breakpoint ranges for multiple viewport sizes, dynamic layout rules and responsive editing rules for editing said fluid components according to breakpoint ranges and a responsive editing module running on the processor, the module includes a rule engine to provide layout decisions for a page of a website built by the WBS according to the dynamic layout rules and the responsive editing rules associated with at least one incoming trigger; a responsive editor to receive the at least one incoming trigger and dimensions of a current viewport, and to generate an updated fluid responsive design layout for said current viewport according to the layout decision and a CSS (cascading style sheet) generator to map the features of the updated fluid responsive design layout design into a smart CSS for the current viewport.