The md-grid-list an Angular directive, is a component for laying out content for varying screen sizes. A grid has 12 columns in the desktop size screen, 8 in the TABLET size screen, and 4 in the phone size screen, where each size have predefined margins and gutters. Cells are laid out in sequential manner in a row, in the order they are defined.

Attributes

1. * md-cols: Number of columns in the grid.
2. * md-row-height: One of
   ->CSS length - FIXED height rows (eg. 8px or 1rem).
   ->{width}:{height} - Ratio of width to height (eg. md-row-height="16:9").
   ->"fit" - Height will be determined by SUBDIVIDING the available height by the number of rows.
3. md-gutter: The amount of space between tiles in CSS units (default 1px).
4. md-on-layout: Expression to evaluate after layout. EVENT object is available as $event, and CONTAINS performance information.

The md-grid-list an Angular directive, is a component for laying out content for varying screen sizes. A grid has 12 columns in the desktop size screen, 8 in the tablet size screen, and 4 in the phone size screen, where each size have predefined margins and gutters. Cells are laid out in sequential manner in a row, in the order they are defined.

Attributes