title: Css sidebar static
body: <p>I wanted to left sidebar and margin line stay in place while someone scrolls down the <strong><a href="http://django-resumator.herokuapp.com/" rel="nofollow">site</a></strong> . But the sidebar keeps changing it's position <strong><a href="http://abhishekb.herokuapp.com/" rel="nofollow">here</a></strong> with screen resizing. Any fixes? </p>
  
  <pre><code>@media only screen and (max-width: 550px) {
      .side-bar-icon {
          display: none;
      }
      .side-line {
          position: relative;
          max-width: 36rem;
          border-right: none; !important;
          border-bottom: thick solid #ef4a60;
          padding-bottom: 30px;
          margin-bottom: 50px;
      }
  </code></pre>
  
  <p>Reference code <strong><a href="https://github.com/abhigenie92/django-resumator/blob/temp_version/resumator/static/resumator/css/base.css#L108" rel="nofollow">here</a></strong> </p>