aeppic - site layout overflow

by mgoetzke

HTML

<div class="main">
  <div class="navbar">
  </div>
  <div class="center">
    <div class="toolbar">
      TOOLBAR
    </div>
    <div class="page">
      <div class="ae-form">
        <div class="form-main-layout">
          <div class="sidebar">
          </div>
          <div class="form-root-section">
            <div style="border: 5px orange solid; height:1000px; background:red">
              A high container
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

html, body {
  margin:0;
  padding:0;
}

div {
  box-sizing: border-box;
}

.main {
  padding: 4px;
  background:green;
  display:flex;
  max-height: 100vh;
}

.navbar {
  width: 50px;
  background: linear-gradient(white 0, white 50%, blue);
  border: 2px solid blue;
}

.center {
  flex: 1;
}

.toolbar {
  
}

.page {
  max-height:100%;
}