Cards

A principal característica do card é que eles se adaptam perfeitamente às colunas. Então para criar um card, precisa criá-lo dentro de um objeto com classe col, dentro de um objeto com classe row.

Example

<div class='row'>
  <div class='col s12'>
    <div class='card'>
      <p>Example</p>
    </div>
  </div>
</div>

Para adicionar sombra ao card, inclua a classe box-shadow.

Example

<div class='row'>
  <div class='col s12'>
    <div class='card box-shadow'>
      <p>Example</p>
    </div>
  </div>
</div>

Para colocar um card lado a lado com outro, estruture-os da seguinte forma:

Example

Example

<div class='row'>
  <div class='col s12 m6'>
    <div class='card box-shadow'>
      <p>Example</p>
    </div>
  </div>
  <div class='col s12 m6'>
    <div class='card box-shadow'>
      <p>Example</p>
    </div>
  </div>
</div>