Как мне прикрепить меню к левому краю?

Question

[GGatsby]

Задача состоит в чтобы сделать меню вертикальным и прикрепить его левой стороне с использованием flex.

Практически все сделал. Но не могу понять почему стоит по центру?
Мой код

<ul class="rotatable flex-container">
  <li>home</li>
  <li>works</li>
  <li>about</li>
  <li>contacts</li>
</ul>

ul li {
  list-style-type:none;
  margin: 0 20px 0 20px;
}

.flex-container {
  display: flex;
}

.rotatable{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg); 
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}

Answer 1

[Дима Долготер]

Ну так выравнивай на флексах. С чего оно должно выровняться. Justify content, align item и тд