title: HTML use width and height dimensions for sections
body: <p>I am working on my own website and I am quite new to HTML. Now I got following code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  h1{
    position:absolute;
    top:10%;
    left:50%;
    text-align:center;
    
  }
  .block1,
  .block2,
  .block3,
  .block4,
  .block5 {
    width: 100%;
    height: 100%;
  }
  
  .block1 {
    background: deeppink;
  }
  
  .block2 {
    background: Crimson;
  }
  
  .block3 {
    background: LightSeaGreen;
  }
  
  .block4 {
    background: aqua;
  }
  
  .block5 {
    background: lightsalmon;
    height: 50%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
    &lt;section class="block1"&gt;
    &lt;h1&gt;
   Sample Text 
    &lt;/h1&gt;
    &lt;/section&gt;
    &lt;section class="block2"&gt;
    &lt;/section&gt;
    &lt;section class="block3"&gt;
    &lt;/section&gt;
    &lt;section class="block4"&gt;
    &lt;/section&gt;
    &lt;section class="block5"&gt;
    &lt;/section&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Now my question: Is it possible to use in e.g. <code>block3</code> the dimensions like <code>width: 100%</code> and <code>height: 100%</code>. So with that I am able to treat every section just like the first where I can properly use width and height.
  I guess it would be possible to go for like <code>300%</code> for the lower sections but that seems to be quite dirty.</p>