title: making a specific section tag 100% width and height of window
body: <p>I have the following structure:</p>
  
  <pre><code>&lt;section id="first"&gt;
    &lt;div&gt;
     &lt;h2&gt;Header&lt;/h2&gt;
     &lt;p&gt;Des&lt;/p&gt;
     &lt;a href="#second"&gt;Link&lt;/a&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  &lt;section id="second"&gt;
    &lt;div&gt;
     &lt;h2&gt;Header&lt;/h2&gt;
     &lt;p&gt;Des&lt;/p&gt;
     &lt;a href="#first"&gt;Link&lt;/a&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>I want section#first to be width 100% and height 100% no matter what size the window is and then when the anchor tag is clicked i want section#second to do the same making each section effectively its own page.</p>
  
  <p>Ive tried adding width: 100% and height: 100% to each section but i think js is required to achieve this? can anyone advise me on how this can be achieved?</p>
  
  <p>Kyle</p>