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>
Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus.