<hr>

<h3>Transforming Panel</h3>

<p>A panel can transform into a standard grid-block on larger screens. This allows you to have sections of your app that hide off-canvas only on smaller devices, using the same HTML. To transition a panel to a block, use the standard <code>grid-block</code> and <code>grid-content</code> classes, but add in a breakpoint keyword.</p>

<p>To see this concept in action, resize your browser window to a smaller size. The sidebar to the left will collapse into a panel and hide of