[Stackoverflow] Col 1/2 demo

https://stackoverflow.com/q/47053286/8554766

HTML

<body>

  <div id='content'>
    <div class='col-1'></div>
    <div class='col-2'></div>
  </div>

</body>

CSS

#content {
  display: grid;
  grid-template-columns:  15% minmax(85%, 1fr);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}


.col-1 {
  background: #D2691E;
  /* display: none; */
  grid-row-start: 1;
  grid-row-end: 1;
}

.col-2 {
  background: #191970;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: auto;
  grid-column-end: span 2;
}