What is the new feature that Webflow has announced for dividing layout/text into columns?

The new feature that Webflow has introduced for dividing layout/text into columns is known as "CSS Grid Layout" or simply "Grid". CSS Grid is a powerful layout system that allows for the creation of complex and flexible grid structures. It provides a more efficient way to divide content into columns and rows, giving designers greater control over the placement and arrangement of elements on the page.

With CSS Grid, you can easily define the number and size of columns and rows within a grid container. This means you can create multi-column layouts without relying on traditional float or positioning techniques. You can also specify the alignment and spacing between grid items, making it simple to achieve granular control over the overall grid design.

Using Webflow's built-in support for CSS Grid, you can effortlessly create responsive grid layouts that adapt to different screen sizes. By applying different grid rules to breakpoints, you can ensure that your content maintains its structure and readability across various devices.

Additionally, CSS Grid brings a host of powerful features such as auto-placement, grid alignment, fractional units, overlapping grid areas, and the ability to easily reorder and reflow grid items. These features empower designers to create dynamic and visually appealing layouts that were previously challenging to achieve with CSS alone.

In summary, the introduction of CSS Grid Layout in Webflow enables designers to divide layouts and text into columns with greater flexibility, precision, and responsiveness. It offers an intuitive and efficient way to create complex grid structures, enhancing the design possibilities within the Webflow platform.