Footer stays at the bottom V.2

by davidxmartins

HTML

<div class="header"></div>

<div class="content"></div>

<div class="footer"></div>

CSS

html, body {
  height: 100%;
  margin: 0;
}

.header {
  background: black;
  height: 50px;
}

.content {
  min-height: calc(100vh - 150px);
}

.footer {
  background: grey;
  height: 100px;

}