title: Equal elements' height in rows using w3.css
body: <p>I've been trying to make my rows' elements' height be equal but still haven't succeeded.
  Do you have any ideas how to do that?</p>
  
  <p>Thanks, cheers.</p>
  
  <pre><code>&lt;div class="w3-row"&gt;
      &lt;div class="w3-container w3-quarter w3-green text-center matrix-element"&gt;
              &lt;h3&gt;&lt;i class="material-icons"&gt;person&lt;/i&gt; name&lt;/h3&gt;
              &lt;p&gt;100112&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="w3-container w3-quarter w3-green text-center matrix-element"&gt;
          &lt;h3&gt;&lt;i class="material-icons"&gt;person&lt;/i&gt; name&lt;/h3&gt;
          &lt;p&gt;100112&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="w3-container w3-quarter w3-green text-center matrix-element"&gt;
          &lt;h3&gt;&lt;i class="material-icons"&gt;person&lt;/i&gt; name&lt;/h3&gt;
          &lt;p&gt;100112&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="w3-container w3-quarter w3-green text-center matrix-element"&gt;
              &lt;h3&gt;&lt;i class="material-icons w3-xxlarge"&gt;remove_circle_outline&lt;/i&gt;&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Example fiddle <a href="http://jsfiddle.net/Berger92/0s154y8h/" rel="nofollow">HERE</a></p>