SCSS

by jpeter06

HTML

<div class="flex">
<div class="normal">
submenu
</div>
<div class="normal">
Form + migas
<h3>
asdf
</h3>
</div>
<div class="fluid">
fluid (Tabla)
</div>
<div class="normal footer">
footer (buscador)
</div>
</div>

SCSS

html, body{
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
  orverflow:hidden;
}
.flex{
  display:flex;
  flex-direction: column;
    height: 90%;
    background: turquoise;
}

.normal {
  flex-grow: 0;
}

.fluid{
  background:red;
  flex-grow: 2;
}

.footer{
  font-size:30px;
}