How to make a view height grow depending on its child views contents

if (dTextWidth <= screenWidth) {
    textView.setTextSize(textView.getTextSize() + 1);
}

article {
  /* float: left; */
  width: 50%;
  padding-right: 0.75em;
  display: flex;
  flex-direction: column;
}

article > a {
  flex: 1; /* added */
  display: flex; /* added */
}

.article-type-wrapper {
  display: block;
  background-color: #999999;
  color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 60px;
}

header {
  /* display: flex; */
  padding: 0 1.5em 20px 1.5em;
  background: url(//i.istockimg.com/file_thumbview_approve/83599047/6/stock-photo-83599047-sun-orange-yellow-and-rays-background.jpg);
  background-size: cover;
  width: 100%; /* added */
  box-sizing: border-box; /* added */
}

h3 {
  flex: 1 0 auto;
  margin: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 25px;
  font-weight: lighter;
  color: black;
}

* {
  box-sizing: border-box;
}

.flex-wrapper {
  display: flex;
  flex-direction: row;
}

<div class="flex-wrapper">

  <article>

    <div class="article-type-wrapper">
      <div class="article-types">
        <span class="article-type">Image Gallery</span>
      </div>
    </div>

    <a href="#">
      <header class="article-header">
        <h3>Article title in background area, longer title that wraps and makes this one longer </h3>
      </header>
    </a>

  </article>

  <article>

    <div class="article-type-wrapper">
      <div class="article-types">
        <span class="article-type">Image Gallery</span>
      </div>
    </div>

    <a href="#">
      <header class="article-header">
        <h3>Short title</h3>
      </header>
    </a>

  </article>

</div>

.max_height {
  max-height: 200px;
  overflow: auto;
}

<div class="max_height">
  <h2>Small div</h2>
</div>
<div class="max_height">
  <h2>Big div</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in porta tortor, vel varius mi. Nullam volutpat, dolor nec auctor scelerisque, augue mi dapibus nunc, ut vulputate velit leo dapibus diam. Proin maximus aliquet libero, gravida tempor nisl
    fringilla nec. Curabitur at sem finibus, laoreet neque sed, maximus arcu. Phasellus porta consectetur quam at egestas. Nunc ultrices, tellus ac rutrum aliquam, arcu quam pellentesque augue, non varius justo turpis et nisl. Proin gravida, purus at
    porta dictum, arcu lacus vestibulum nisl, nec tincidunt nisl quam facilisis odio. Vestibulum vel pharetra mauris. Ut non ullamcorper lorem. Nullam a purus in tellus dictum semper vel vel tortor.</p>

  <p>Vestibulum laoreet nisl ut nisl consequat, eget dapibus dui pellentesque. Cras sed urna non diam efficitur auctor sed dapibus purus. Nam sagittis velit nisl, vestibulum pulvinar odio sollicitudin in. Sed varius, sem luctus sagittis dignissim, nunc arcu
    dignissim elit, vitae commodo leo ligula a quam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum fermentum enim nunc, venenatis pellentesque dolor malesuada non. Aenean at hendrerit massa, in porta
    nisl.</p>

  <p>Nulla tincidunt nunc quis molestie ullamcorper. Proin suscipit eleifend metus in sodales. Proin eu lectus condimentum, egestas velit eu, dictum sem. Curabitur varius mollis hendrerit. Integer eleifend bibendum ante eget egestas. Orci varius natoque
    penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi iaculis cursus orci, a eleifend sapien tempor sed. Pellentesque vulputate ullamcorper arcu vel auctor. Nunc gravida, ligula et pellentesque eleifend, purus dui cursus velit,
    ut elementum magna felis in neque. Nulla nec consectetur augue.</p>

  <p>Nam est nisi, gravida a fermentum eu, consectetur sit amet magna. Aenean sed arcu purus. Nam mauris neque, tempus id massa vel, rhoncus mattis tellus. Nulla viverra sapien ante, ut congue neque ullamcorper nec. Maecenas pharetra ipsum ac ex laoreet,
    ac suscipit quam varius. Nunc semper, libero at aliquam ultrices, nunc dolor maximus eros, a blandit est dolor non neque. Nulla non posuere tellus. Nulla aliquet mi ac urna mollis vulputate.</p>

  <p>Sed eu lorem enim. Donec ante mi, egestas quis ultrices ut, commodo nec massa. Mauris maximus vitae lectus eget dapibus. Integer ligula tortor, sollicitudin et mattis sed, faucibus eu tortor. Vestibulum porttitor ante a sem semper, eu convallis orci
    vulputate. Suspendisse aliquam vestibulum lorem, vitae tincidunt purus varius a. Morbi arcu eros, vehicula eget tristique eu, porta ut arcu. Nam aliquam enim sit amet justo blandit, vitae finibus metus vehicula. Integer interdum lacus metus, vel molestie
    eros blandit sed. Donec eu facilisis velit. Nulla nec odio et lectus tempor rutrum. Nunc faucibus diam ut arcu cursus ornare. Nam vel ornare metus.</p>
</div>