Mosaic Tiles can be organized on a grid up to 4 columns wide. Each tile can be full width or in halves, thirds, or quarters of a row.

Demonstration of the various Mosaic grid tile widths

Adjusting the tile width

Advanced Mode

While in Edit mode, press Alt key on your keyboard to enter Advanced mode.  It will allow you to see the boundaries of the rows and tiles, labels for the tiles, and css classes for the rows.  To exit Advanced more, press Alt again.

Demonstration of Mosaic grid in Advanced mode with Tile and Row borders visible and tile type labels displayed

Custom classes on rows

Also in the advanced mode, you’re able to add custom classes on rows. 

Mosaic Advanced mode: Custom CSS for this row input field

Subcolumns

In order to nest columns inside a cell, drag a tile, then press the Ctrl key and drop the tile close to an existing one, either before or after it, in accordance to the shown insert marker.

Fluid rows

For fluid (full width) rows select any tile in the row and choose “Fluid” from the “Format” menu. Fluid row styles works best on pages without portlets.