title: Increase text size to fit table cell for only one column
body: <p>I am developing an Angular web page that has a table. I did eberything in Angular side, Now I am struggling with CSS/HTML side. I have to display the data in one column as bigger text. That means the text should fit the entire height of the table row. </p>
  
  <p>So I created a fiddle (no angular included, only html and css). </p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <pre><code>[https://jsfiddle.net/SudhirSahoo/agxc18Ly][1]
  </code></pre>
  
  <p>I am using bootstrap and the screen size may differ. If I give fixed line-height in text3 css class, then it works in one screen, but in another bigger screen, it does n't look good.</p>
  
  <p>In the fiddle I want to display the defects in "This Qtr" column as shown in below image.
  <a href="https://i.stack.imgur.com/NTL7U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NTL7U.png" alt="Expected"></a></p>