Sections allow you to divide your page into content groups and columns. A page must have at least one section, and there is no limit to how many sections you may have. Sections also allow users to design their pages using a variety of column layouts.
The new structure of how to make webpages in Gato is changing in a very powerful way. In short, users will be able to create multicolumn layouts both simply and beautifully. Gone are the days when tables were necessary for layout. This is a good thing because table-based layouts are not optimal for mobile devices and other screens where flexibility is essential.
When you create a page in the new Gato, you will be prompted to create a “section". When you start a section, you will be shown six different layout options, many of which display content in multiple columns. Since the new Gato is responsive (i.e., responds automatically to the width of the screen) your multicolumn layouts will collapse into a single column for viewing on narrow devices, such as mobile phones.
Not interested in multiple columns? Simply select the single column layout option. This will most closely resemble the current Gato editing environment if you prefer to publish content in a single flowing column.
Not all content blocks will work best in a multicolumn layout, and you'll want to plan your content with that in mind. For example, in a four-column design, you probably won't want to put four sliders side-by-side. But a two-column, 50/50 layout with a slider on the left and a paragraph of short text or a list of links on the right is likely to be great. Less is often better.
Just remember that multicolumn layouts are not designed to help you fit all of your content "above the fold". This way of thinking may have made sense on fixed-size newspapers, but we don't have those limitations on the web. In fact, current research indicates that your off-screen content may be viewed and clicked more often than your content at the top of the screen.
The main point is that web users scroll and scan for content. Build your pages with a purposeful, clear hierarchy, and with an amount of whitespace that matches the baked-in elements of the new template.