flex items

by karin

HTML

<div class="outer">
  <div class="inner">
    <div><a>item</a></div>
    <div><a>item</a></div>
    <div><a>item</a></div>
    <div><a>item</a></div>
  </div>
</div>

CSS

.outer {
  height: 100%;
  width: 100%;
  position: absolute;
}
.inner {
  display: flex;
  flex-direction: column;
  height:100%;
}
.inner div{
  background: salmon;
  border:thin solid #444;
  height: 25%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.inner div a{
  border:thin solid #444;
}