Mobile Layout

We use the default breakpoint 768 pixels to trigger the mobile layout. When the width of the browser window is 768 or below, the mobile layout will be used.
The main layout strategy is to arrange each element on the page one after another in a single column. The order is determined by the position from the top and then position from the left if elements have the same position from the top. 
Empty text elements are hidden in mobile layout by default as they are usually used as background for another elements on top of them in desktop and tablet layouts.