flex direction

by Vladymyr Shevchuk

HTML

<ul class="wrapper">
  <li class="cell">1</li>
  <li class="cell">2</li>
  <li class="cell">3</li>
  <li class="cell">4</li>
</ul>

CSS

.wrapper {
  display: flex;
  flex-direction: column-reverse;
  //flex-direction: column;
}

.cell {
  outline: 1px solid red;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}