Grid lists are an alternative to standard list views. Grid lists are distinct from grids used for layouts.
A grid list is best for presenting homogenous data and optimized for visual comprehension and differentiating between similar data types.
A grid list consists of a repeated pattern of cells laid vertically and horizontally within the grid list. Tiles hold content and can span one or more cells vertically or horizontally.
Use case: View library overlay
Asset Library Overlay on episodes page
Tile content consists of primary content (usually an image) and secondary content (usually a text or a button). If using tiles, there should be a fallback/default image for the content that does not have images.
Image Tile on Asset Library page
Image Tile on Media Card
Image Tile on Media Card on Gallery page
Cut off the grid tiles in the initial view so it is visually clear that the content is overflowing and thus can be scrolled. Avoid horizontal scrolling as it interferes with the reading pattern.
Media card on Gallery page