I’m trying for a traditional layout with a header at the top of the page, a footer at the bottom, between which are a sidebar and a content area taking up all the remaining height. Based on the “Vertical Grid” section of the docs, I’ve gotten it working, but only by adding the single inline style shown below. This feels wrong. Is there a way of doing this without the inline style, or should I shrug and move on?
<div class="grid-y medium-grid-frame"> <div class="cell shrink header medium-cell-block-container"> <h1>Header</h1> </div> <div class="cell medium-auto medium-cell-block-container"> <div class="grid-x grid-padding-x"> <div class="two cell medium-2 medium-cell-block-y" style="height:100vw"> <h2>Sidebar</h2> </div> <div class="three cell medium-10 medium-cell-block-y"> <h2>Content</h2> </div> </div> </div> <div class="one cell shrink footer"> <h3>Footer</h3> </div> </div>