CSS display: grid

by wittnl

HTML

<div id="outer">
  <div id="fixed">
  Fixed content
  </div>
  <div id="fluid">
  Fluid content
  </div>
</div>

CSS

body {
  margin: 0;
}

#outer {
  display: grid;
  grid-template-rows: 100px auto;
  position: absolute;
  height: 100%;
  width: 100%;
}


#fixed {
  background-color: lemonchiffon;
}

#fluid {
  background-color: #fb7ee3;
}