title: material design component - issue when added width, height in cards
body: <pre><code>&lt;div class="mdc-card problem"&gt;
          &lt;section class="mdc-card__primary"&gt;
              &lt;h1 class="mdc-card__title mdc-card__title--large"&gt;title here&lt;/h1&gt;
              &lt;h2 class="mdc-card__subtitle"&gt;subtitle here&lt;/h2&gt;
          &lt;/section&gt;
          &lt;section class="mdc-card__supporting-text"&gt;
              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam nostrum nisi optio iusto excepturi sequi itaque. Vitae laudantium fugiat, id eius voluptates placeat labore magnam est saepe sapiente et molestias quaerat numquam excepturi illum dolores quam error, eaque rerum ea vero ipsum sequi. Sapiente adipisci reiciendis quod officia aliquam quidem praesentium cupiditate facere, magni nemo, asperiores, reprehenderit eveniet corporis eligendi et. Numquam voluptatem, consectetur. A harum quas, veritatis blanditiis, officia impedit voluptas laborum itaque delectus dolore explicabo aut, culpa iste sapiente repellat voluptate voluptates commodi dignissimos similique repudiandae. Nulla expedita atque dolore alias, facilis ipsam qui doloribus, iure quo animi.
          &lt;/section&gt;
          &lt;section class="mdc-card__actions"&gt;
              &lt;button class="mdc-button mdc-button--compact mdc-card__action"&gt;action 1&lt;/button&gt;
              &lt;button class="mdc-button mdc-button--compact mdc-card__action"&gt;action 2&lt;/button&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>.problem {
    height: 350px;
    width: 350px;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/e9x6od1e/" rel="nofollow noreferrer">demo</a>  - the demo first row is full width no issues, the problem  with second row with large supporting text, and third one with small supporting text</p>
  
  <p><a href="https://material.io/components/web/catalog/cards/" rel="nofollow noreferrer">mdc-card - docs</a></p>
  
  <p>how to deal with the width and height of the cards. </p>
  
  <p>what the best way to handle this kind of issues</p>