Как привязать меню с вертикальным текстом и стилем transform на постоянное расстояние 8% от края экрана?

Question

[konstantinborodov]

Здравствуйте, форумчане, в дизайн-макете есть сетка 12 колонок с шириной колонки 8.33%. Задача: посадить на границу последней колонки вертикальное меню.

Вот фидл: https://codepen.io/anon/pen/bzomOB

Вот задача.



Сажать отрицательными margin легче простого но, при изменении ширины окна браузера эта менюшка уползает.

Answer 1

[shmatuan]

Это перевернёт не блоки, а сам текст:

writing-mode: vertical-rl;
  text-orientation: mixed;

https://codepen.io/andreysh/pen/XOeyaG