Cards

The main feature of the card is that they adapt perfectly to the speakers. So to create a card , you need to create it inside an object with class col , inside an object with class row .

Example

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

To add shadow to the card, include the box-shadow class.

Example

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

To place a card side by side with another, structure them as follows:

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>