anchor.diff:      }
   
       #layout {
  -      padding-left: 360px; /* "left col (nav + list)" width */
  +      padding-left: 360px;
         position: relative;
         height: 100%;
       }
  
positive.code:     }
    </style>
  </head>
  
  <body>
    <div class="pure-g" id="layout">
      <div class="sidebar pure-u">
        <h3>Side Bar</h3>
      </div>
      <div class="pure-u-1">
        <div class="content">
  
negative.code:       bottom: 0;
        width: 360px;
        margin-left: -360px;
        background-color: rgb(24, 33, 61);
        color: #fff;
      }
  
      .header {
        margin: 50% 2em 0;
        text-align: right;
      }
  
      .brand-title,
      .brand-tagline {
        margin: 0;
      }
  
      .brand-title {
        text-transform: uppercase;
      }
      .brand-tagline {
        font-weight: 300;
        color: rgb(142, 142, 214);
      }
  
      .content {
  