title: Creating a card as a complete link
body: <p>I'm using materialize cards for my webpage, the idea is to use the cards as menus so when a person click in any part of the card the link should open. But it is only working by clicking in the image and/or in the text but no in any other part of the card.</p>
  
  <p>This is the code:</p>
  
  <pre><code>&lt;div class="col l6 m12 s12"&gt;
                  &lt;a href="signup.html" target="_blank"&gt;
                    &lt;div class="card cardHover"&gt;
                   &lt;div class="card-image waves-effect waves-block waves-light"&gt;
                     &lt;a href="signup.html" target="_blank"&gt;&lt;img class="activator" src="img/test2.jpg"&gt;&lt;/a&gt;
                   &lt;/div&gt;
                   &lt;div class="card-content"&gt;
                     &lt;span class="card-title activator text-darken-4"&gt;&lt;a href="signup.html" class="black-text" target="_blank"&gt;RoboTico&lt;/a&gt;&lt;i class="material-icons right"&gt;build&lt;/i&gt;&lt;/span&gt;
                   &lt;/div&gt;
                 &lt;/div&gt;
                  &lt;/a&gt;                
              &lt;/div&gt;
  </code></pre>
  
  <p>The code above I know is going to work only with the image and the text. But I tried to make all the card as a link like</p>
  
  <pre><code>&lt;a href=""&gt; &lt;div class="col l6 m12 s12"&gt;
                  &lt;a href="signup.html" target="_blank"&gt;
                    &lt;div class="card cardHover"&gt;
                   &lt;div class="card-image waves-effect waves-block waves-light"&gt;
                     &lt;a href="signup.html" target="_blank"&gt;&lt;img class="activator" src="img/test2.jpg"&gt;&lt;/a&gt;
                   &lt;/div&gt;
                   &lt;div class="card-content"&gt;
                     &lt;span class="card-title activator text-darken-4"&gt;&lt;a href="signup.html" class="black-text" target="_blank"&gt;RoboTico&lt;/a&gt;&lt;i class="material-icons right"&gt;build&lt;/i&gt;&lt;/span&gt;
                   &lt;/div&gt;
                 &lt;/div&gt;
                  &lt;/a&gt;                
              &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>But it didn't work.</p>