Неугомонный

И чем же плохо?

position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?

* {margin:0;padding:0}

Как выровнять ссылка 3 чтобы была по правому краю над ссылками что выпадают?

@media only screen and (min-width: 1280px) я это предусмотрел в чистовике скажем так ,Задано

Т.е про width: 230px; ?

спасибо, а так я всё правильно замутил? )))

https://jsfiddle.net/p3ahomcL/ Вот ну всё же получилось и вроде правильно а как себе начал переносить нифига не выходит, что я не так делаю? https://jsfiddle.net/jqgaut9y/2/

Мне кажется можно обойтись без before и after https://jsfiddle.net/q29sck31/

Завтра разберусь

https://jsfiddle.net/c16ypvgo/ Что то у меня ничего не получается ..

Через background-color ? Заливать

::before ?

Я не представляю себе никак, я только пытаюсь и много еще не понимаю Как такую задумку сделать подтолкните ))

В общем понял чуть чуть transition что margin-top это к чему мы применяем, 1s; это время за сколько выполниться смещение к margin-top: 0;, но сижу ломаю голову как заставить салатовую полоску border-right заполнять весь блок справа на лево при наведении на блок с ссылка? https://jsfiddle.net/nzw4ghkq/