gistfile1.txt

<!-- vertically-aligned center and bottom boxes in a column with flex box -->


<div class="container">
  <div class="center">
  <span>center</span>
  </div>
  <div class="bottom">
  <span>bottom</span>
  </div>
</div>

.container {
  height: 100vh;
  border: 1px solid #000;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
}

.center, .bottom {
  border: 1px solid #dadada;
  text-align: center;
  font-family: serif;
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 50%;
  width: 100%;
}