title: how to make the design fully responsive
body: <p>The page open with scroll. I want to make the page appear fully responsive without any scroll bar. I tried to set the height to 100% with no luck.</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 {
      height: 100%;
      width: 100%;
  }
  body{
  width:100%;
  hight:100%;
  margin: 0;
  padding:0;
  }
  .main{
      background-image: url("http://www.ghadaalsamman.com/new/images/bg.gif");
      background-repeat: no-repeat;
      background-position: center center;
      margin: 0;
  padding-top: 30vw;
  background-size: 100%;
  }
  .marquee {
      display: block;
      position: relative;
  
  width: 51vw;
  margin: auto;
  
  
  }
  marquee{
  width: 100%;
  margin: auto;
  display: block;
  }
  #btn1 {
      background: url("http://www.ghadaalsamman.com/new/images/enter.gif") no-repeat scroll center center ;
      display: block;
      height: 53px;
      margin: 0 auto;
      position: relative;
      width: 50%;
  background-size: 100%;
  margin-top: 33%;
  margin-bottom:1%;
  }
  .button {
      padding: 5px;
  }
  .container {
      display: block;
      height: 100%;
      margin: 0 auto;
      max-width: 960px;
      position: relative;
  }
  
  
  @media screen and (max-width:500px) {
      #btn1{
          background-size: 100% auto;
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="main"&gt;
      &lt;div class="container"&gt;
          &lt;div class="marquee"&gt;
              &lt;marquee scrollamount="3" direction="right" dir="ltr"&gt;
                   &lt;h3 align="center" style="color:#804000;font-size:large;margin-top:0px;"&gt;&lt;strong&gt;  
      &lt;img height="auto" width="200%" src="http://www.ghadaalsamman.com/new/images/image21.png"&gt;
          &lt;/strong&gt;&lt;/h3&gt;
  
              &lt;/marquee&gt;
          &lt;/div&gt;
  &lt;a class="button" id="btn1" href="http://ghadaalsamman.com/new/site.html"&gt;&lt;/a&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>