Максим

Отличный слайдер посмотрите ! Вот этот очень интересный

Кегль - это высота шрифта ??

И не правильно вы делали - столько стилей влепили - смотрите пример codepen.io/Velin/pen/YqedqZ?editors=110

Это надо использовать паралакс эффект или же использовать якорь до нужного блока
либо задать - минимальную высоту - хотя это не хорошее решение
а вот видео по данному вопросу https://www.youtube.com/watch?v=WDlYYE37eB4

ну если интересует совсем типа тупого переключения то можно на якорях , можно так же собрать tab , на ум больше ни чего не приходит

display:inline;
float:left;

Дело не к говнокоде , а в том что нужен опыт .
Вот вы говорите о том что уже css знаете не по наслышке - а сможете спепить шаблон трех колоночный адаптивный - под 480 640 960 рх ?

На вордпресс похоже - очень - ни на этой cms ваш сайт ?

а line-height не справляется с этим ?

вот мой пример - тупой не много пример - но смысл ясен codepen.io/Geyan/pen/pyWxBO?editors=110

можно не много модернизировать - поставить все эли ul в ряд и другим способом

но вот ещё один пример - мне кажется более лучший codepen.io/Geyan/pen/MyEPNL?editors=110