title: Semantic UI React full page grid, how to hide overflowing column content?
body: <p>I have a <a href="https://j76k3jr0v.codesandbox.io/" rel="nofollow noreferrer">full-page grid</a> that aligns it's height based on browser height with constant menu bar and footer height.</p>
  
  <p>I am trying to limit the amount of content shown in some grid columns, so that even if the content is longer than the container it either shows y-scrollbar or is hidden.</p>
  
  <p>Desired: Full page grid stays as it is, does not re-adjust the height based on the child element's height.</p>
  
  <p>Please see the sandbox:</p>
  
  <ul>
  <li>Code Sandbox: <a href="https://codesandbox.io/s/j76k3jr0v" rel="nofollow noreferrer">https://codesandbox.io/s/j76k3jr0v</a></li>
  </ul>