Хангелды Илебаев

textarea {
    resize: vertical; // или horizontal;
}

методом исключения

Юзай sass, а скрипты у тебя моргают наверно от того не используешь (window.onload/$(document).ready)

.button-class:after {
   content: ' ';  //  Сюда мнемонику плюс можно поставить если хочешь
   position: absolute ; // У кнопки position : relative ; нужно поставить
   top: 50%;
   left: 10px;
   bottom: auto;
   right: auto;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   background: url('../img/plus.png') no-repeat ; 
   width: 10px;
   height: 10px;

O Kazakhsky sait. Salam brat. Да много причин. Нужно использовать em, rem, % для font-size, line-height, margin, padding . Px для адаптивного сайта не используют . Если хочешь что бы сайт масштабировался то поставь

<meta name="viewport" content="width=device-width, initial-scale=1">

Chrome dev tools вам в помощь

Можно вообще у inline-blockов удалить пробелы в html файле <ul><li>link-1</li><li>link-2</li></ul> в одну строчку
Или вместо inline-block использовать

li { display: block;
float: left; }
ul:after {
  clear: both;
}

все что не влезает

@media screen and (max-width: 480px) {
    display: none;  //или  max-width: 100%;
}

Онлайн фотошоп или Код редактор от ADOBE

в формате ttf или eot скачиваешь шрифт или просишь у дизайнера вежливо.Если winda то открываешь пуск в поиск набираешь шрифты и в эту папку и надо скопировать шрифт. Потом перезапуск ФОТОШОПА

Пример
padding или margin: 0 2em;

А почему font-face в конец написал ? Типа как тэг script писать в конец body )))) Причин может быть много font-smoothing гугли

Использовать SASS Bootstrap