title: How to resize card content to its size in material ui?
body: <p>I would like to provide material ui cards in a grid, which contain highcharts as in this <a href="https://codesandbox.io/s/30l4r1y601" rel="nofollow noreferrer">demo</a>. If you fix the size of the cards, the content does not adjust properly. That is the first issue I do not how to solve?</p>
  
  <p>The second issue is that both cards feature different content and I would like to know how to best make both cards equal in size if I do not set a certain size in pixels such it fits to all screen sizes?</p>
  
  <pre><code>const styles = (theme: Theme) =&gt;
    createStyles({
      card: {
        width: "200px",
        height: "222px"
      }
    });
  
  class TestCardTwo extends React.Component&lt;WithStyles&lt;typeof styles&gt;&gt; {
    render() {
      return (
        &lt;Card className={this.props.classes.card}&gt;
          &lt;CardHeader titleTypographyProps={{ variant: "h6" }} title="Headline" /&gt;
          &lt;CardContent&gt;
            &lt;TestChart /&gt;
            &lt;Typography color="textSecondary" gutterBottom&gt;
              Word of the Day
          &lt;/Typography&gt;
          &lt;/CardContent&gt;
        &lt;/Card&gt;
      );
    }
  }
  </code></pre>