title: Vertically centering inside a div with vh
body: <p>I'm currently trying to center an image inside a div that has it's dimensions set with vh. I tried using the <code>display:table-cell;</code> method which centered the image but began messing with the vw of other elements. I was wondering if there was another simpler way to be vertically centering this image inside a div that as vh. I know this might be a little confusing so hopefully my code down below can help!</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;div class="graphic" style="background-color:#ff837b"&gt;
      &lt;img src="images/WAInduo-02.svg" style="width: 100%; height: 50%;" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#induoIntro .graphic {
      display:block;
      height:100vh;
  }
  </code></pre>