Expand a div to fill the remaining width

Question

I want a two-column div layout, where each one can have variable width e.g.

Answer 1

Use the CSS Flexbox flex-grow property to achieve this.

html, body {
  height: 100%;
}
body {
  display: flex;
}
.second {
  flex-grow: 1;
}

Tree
View