l>
    <p>Panel</p>
  </div>
  <h1>Main Content</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>

<!-- Right: panel and content block share a wrapper -->
<div class="grid-block">
  <div ba-panel>
    <p>Panel</p>
  </div>
  <div class="grid-content">
    <h1>Main Content</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  </div>
</div>
</hljs>

<hr>

<h3>Panel Position</h3>

<p>By default, panels anchor to the left by default, but they can also anchor to