Grid list

<GridList>
  <Tile>
    <TilePrimary>
      <TileContent src= "card_bg.jpg"/>
    </TilePrimary>
    <TileSecondary>
      <TileTitle>Tile title</TileTitle>
    </TileSecondary>
  </Tile>
  {/* ... */}
</GridList>

Compact

<GridList compact>
  {/*...*/}
</GridList>

Tile ratio

You can use one of recommended aspect ratio. See ratio keylines

{/* 1x1, 16x9, 2x3, 3x2, 4x3, 3x4*/}
<GridList ratio="3x2">

Support text

<GridList twoLineCaption>
  <Tile>
    <TilePrimary>
      <TileContent src= "card_bg.jpg"/>
    </TilePrimary>
    <TileSecondary>
      <TileTitle>Tile title</TileTitle>
      <TileSupportText>Tile description</TileSupportText>
    </TileSecondary>
  </Tile>
  {/* ... */}
</GridList>

Caption on header

<GridList twoLineCaption headerCaption>
  {/* ... */}
</GridList>

Caption with icon

<GridList twoLineCaption captionIconAlign="start">
  <Tile>
    <TilePrimary>
      <TileContent src= "card_bg.jpg"/>
    </TilePrimary>
    <TileSecondary>
      <Icon name="star_border"/>
      <TileTitle>Tile title</TileTitle>
      <TileSupportText>Tile description</TileSupportText>
    </TileSecondary>
  </Tile>
  {/* ... */}
</GridList>