title: Make Grid Column Scrollable
body: <p>I am trying to make the first column of a grid scrollable:</p>
  <pre><code>&lt;div class=&quot;mud-grid&quot;&gt;        
      &lt;div class=&quot;mud-grid-item mud-grid-item-xs-4&quot; &gt;
          &lt;MudPaper&gt;
          &lt;h1&gt;Filter criterias&lt;/h1&gt;
          &lt;div style=&quot;height: 100vh; overflow-y: auto;&quot;&gt;
          @for(int i=0;i&lt;35;i++){
          &lt;div style=&quot;height:50px;border:1px solid;&quot;&gt;  Filtering parameter #@i &lt;/div&gt;
          }
          &lt;/div&gt;
          &lt;/MudPaper&gt;
          
      &lt;/div&gt;
      &lt;div class=&quot;mud-grid-item mud-grid-item-xs-8&quot;&gt;
           &lt;h1&gt;Search Results&lt;/h1&gt;
         @for(int i=0;i&lt;1500;i++){
          &lt;div style=&quot;height:50px;border:1px solid;&quot;&gt;  Searc Results #@i &lt;/div&gt;
          }
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  <p>My implementation is here and a style of height: <code>100vh</code> is causing me some troubles</p>
  <p>How can I set this value to automatically fit to the contents, even if I have 100 items on left side let the contents scroll completely till bottom allow the right section to stay as separate.</p>