Максим

https://cloud.mail.ru/public/H1mJ/RNt4ibAVP вот ссылка на вёрстку и скрин прилагаю - путь в адресной строке браузера думаю вас не обманет

есть курсы Голямова по Drupal - очень познавательные и доступно объясняет , с 0 до Guru как говорится

codepen.io это пример

<div id="mainmenu">
   <ul>
       <li><a href="#"> Пункт 1 </a></li>
       <li><a href="#"> Пункт 2 </a></li>
       <li><a href="#"> Пункт 3 </a></li>
       <li><a href="#"> Пункт 4 </a></li>
       <li><a href="#"> Пункт 5 </a></li>
   </ul>
</div>

* {
    margin:0;
    padding:0
}
#mainmenu {
    position: relative;
    overflow:hidden;
    height:30px;
    margin:20px 0
}
#mainmenu ul {
    list-style:none;
    margin:0;
    padding:0;
    position: relative;
    left:50%;
    float:left;
    font:14px Arial, Helvetica, sans-serif;
    height:30px
}
#mainmenu ul li {
    position:relative;
    left:-50%;
    float:left;
    margin:0 5px;
    height:30px
}
#mainmenu ul li a {
    display:block;
    text-decoration:none;
    padding:4px 10px
}
#mainmenu ul li a:hover {
    background-color:#444;
    color:#ffffff
}

Источник

font-size:1.9 vw;
но media-queris писать предётся всё равно

<form method="post" action="" enctype="multipart/form-data">
  <input name="filesToUpload[]" id="filesToUpload" type="file" multiple="" />
</form>

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

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

И не правильно вы делали - столько стилей влепили - смотрите пример 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