title: How to design a gradient background of a page with unfixed height
body: <p>How to design </p>
  
  <p>1) a vertical gradient background with unfixed height, </p>
  
  <p>2) a vertical gradient background with fixed height (say 600px, from blue to white to green), then the rest has the same green color?</p>
  
  <hr>
  
  <p><em><strong>update</em></strong></p>
  
  <p>Now the new design is from the top to the bottom, 120px fixed height from blue to white, then unfixed height for white, and then 120px fixed height from white to green. How to code that?</p>