title: Setting CSS based on a Percentage of Window Height
body: <p>I am very new to JavaScript and jQuery and have probably made a simple mistake so please bear with me.</p>
  
  <p>I have a div that fills the window height but I would like my h1 element to be 28% of the window height down the page(padding)</p>
  
  <pre><code>$(document).ready(function() {
    function setHeight() {
      windowHeight = $(window).innerHeight();
      $('.fullscreen').css('min-height', windowHeight);
    };
  
  function imageAjust() {
    var ajustAmt = windowHeight * 28 / 100;
    $('.fullscreen').css('padding-top', ajustAmt + 'px');
    };
  });
  </code></pre>
  
  <p>edit: added the px code at the end of the ajustAmt</p>
  
  <p>Thanks in advance for helping</p>