title: How can I make Bootstrap 4 columns have a height of 100%?
body: <p>how can I make a column take up 100% height of the browser w bootstrap 4?</p>
  
  <p>See the following: <a href="https://codepen.io/johnpickly/pen/dRqxjV" rel="noreferrer">https://codepen.io/johnpickly/pen/dRqxjV</a></p>
  
  <p>Note the yellow div, I need this div/column to take up a height of 100%... Is there way to make this happen without having to make all parent div's have a height of 100%?</p>
  
  <p>Thank you</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row justify-content-center"&gt;
  
      &lt;div class="col-4 hidden-md-down" id="yellow"&gt;
        XXXX
      &lt;/div&gt;
  
      &lt;div class="col-10 col-sm-10 col-md-10 col-lg-8 col-xl-8"&gt;
        Form Goes Here
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>