GreatRash

Самое простое:

.parent {
  text-align: justify;
}

.child {
  display: inline-block;
}

flexboxgrid.com

От чего угодно, от кривых рук до BOM. А ещё можно вопрос написать по-человечески...

jsfiddle.net/yjeAN/3

Научитесь задавать вопросы правильно. Первым делом вы должны сообщить под какие версии браузеров вам нужна работоспособность...

У меню для мобильной версии должен быть другой дизайн.

Не лучше ли наоборот картинку под размер подгонять? background-size как раз для этого подходит.

Если дизайнер не позаботился о версии сайта для мобильников, то хоть расшибись, а всё равно говно получится с костылём на костыле.

Более фундаментальная статья.

var input = document.querySelectorAll('input');

for (var i = input.length; i > 0; i--) {
  input[i].addEventListener('focus', function(e) {
    e.preventDefault();
  }, false);
}

Что значит "выбирался соответствующий селект"? Он должен получить фокус, активироваться, появиться? Опишите проблему подробней.

codepen.io/anon/pen/zGKdWq

learn.javascript.ru - в конце каждой статьи есть практическое задание.

Нафига у вас там calc? Делать двухколоночный макет при помощи инлайн-блоков... такого изврата я ещё не видел! У вас в вёрстке творится ад! Половина элементов вообще не нужны. Зачем вы комментируете переносы строк?

Раз у вас табы, значит вообще не имеет смысла их делать ссылками. В HTML для таких целей существует замечательный элемент button или вообще span.

Всё равно же они скриптом обрабатываются ведь так?

Может. Скорее всего в этом дело. А ещё неплохо бы открыть средства разработчика и посмотреть чо пишется в консоли.

На клиенте так можно. Может поможет...