title: card-content on materialize not fit in its class
body: <p>i am used card materialize in my page the page looks like this</p>
  
  <p><a href="https://i.stack.imgur.com/mvw0r.png" rel="nofollow noreferrer">cards</a></p>
  
  <p>you can see my card content and description is in my image, i follow guide from <a href="http://materializecss.com/cards.html" rel="nofollow noreferrer">materialize</a> but it not work in my page</p>
  
  <p>this is my code</p>
  
  <pre><code>    &lt;head&gt;
              &lt;meta charset="utf-8"&gt;
              &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
              &lt;meta name="description" content=""&gt;
              &lt;meta name="author" content=""&gt;
              &lt;!-- Favicons--&gt;
              &lt;link rel="apple-touch-icon-precomposed" href="&lt;?php echo base_url(); ?&gt;assets/home-user/assets/img/favicon/apple-touch-icon-152x152.png"&gt;
              &lt;meta name="msapplication-TileColor" content="#FFFFFF"&gt;
              &lt;meta name="msapplication-TileImage" content="&lt;?php echo base_url(); ?&gt;assets/home-user/assets/img/favicon/mstile-144x144.png"&gt;
              &lt;link rel="icon" href="&lt;?php echo base_url(); ?&gt;assets/home-user/assets/img/favicon/favicon-32x32.png" sizes="32x32"&gt;
              &lt;title&gt;Home&lt;/title&gt;
              &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
              &lt;!-- Materialize core CSS --&gt;
              &lt;link href="&lt;?php echo base_url(); ?&gt;assets/home-user/materialize/css/materialize.css" rel="stylesheet" type="text/css"&gt;
              &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
              &lt;!--[if lt IE 9]&gt;
                  &lt;script src="assets/js/html5shiv.js"&gt;&lt;/script&gt;
                  &lt;script src="assets/js/respond.min.js"&gt;&lt;/script&gt;
              &lt;![endif]--&gt;
              &lt;link href="&lt;?php echo base_url(); ?&gt;assets/home-user/template.css" rel="stylesheet" type="text/css"&gt;
          &lt;/head&gt;
  &lt;body&gt;
              &lt;div class="container"&gt;
                          &lt;div class="row"&gt;
                      &lt;div class="col s12 m7"&gt;
                        &lt;div class="card"&gt;
                          &lt;div class="card-image"&gt;
                            &lt;img src="http://materializecss.com/images/sample-1.jpg"&gt;
  
                          &lt;/div&gt;
  
                          &lt;div class="card-content"&gt;
                          &lt;span class="card-title"&gt;Card Title&lt;/span&gt;
                            &lt;p&gt;I am a very simple card. I am good at containing small bits of information.
                            I am convenient because I require little markup to use effectively.&lt;/p&gt;
                          &lt;/div&gt;
  
                          &lt;div class="card-action"&gt;
                            &lt;a href="#"&gt;This is a link&lt;/a&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
              &lt;/div&gt;
          &lt;script src="&lt;?php echo base_url(); ?&gt;assets/home-user/assets/js/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="&lt;?php echo base_url(); ?&gt;assets/home-user/materialize/js/materialize.js"&gt;&lt;/
          &lt;script src="&lt;?php echo base_url(); ?&gt;assets/home-user/index.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>i dont know whats wrong with my code thanks</p>