Дмитрий Pacification

Я начинал с https://learn.javascript.ru А потом уже книги серьезных дядек типа Фленегана

Еще способ: border-image с repeat

background-size contain ?

Я Эффективно начал его использовать в сочетании с методологиями. Конечно же BEM ну и мне очень зашла SMACSS.
ТАк же мне помогло понять как лучше кодить исходники других разработчиков.
Есть вариант когда ты объявляешь класс
.multiselect {
.multiselect__item {
....
.multiselect__item--hover { ... }
}
}

Так легче искать с Ctrl+F,

Есть другой вариант:
.multiselect {
&t__item {
....
&--hover { ... }
}
}

Попробуй оба подхода, определи что больше нравиться и юзай на здоровье)

thempllate monster посмотри. Или themplateforest

Ответов на такой вопрос вагон и маленькая тележка. Не вижу смысла в создании такого тикета.
https://www.google.com.ua/search?q=как+сделать+ада...

Для того чтобы определить брекпоинты используйте аналитику захода с мобильных устройств вашего сайта, или мировую статистику.
gs.statcounter.com/screen-resolution-stats

Я использую методологию SMACSS и в SASS разбиваю проект на слои вот так:
_mixins.scss
_variables.scss
_base.scss - тут все стили для тегов, в том числе ресеты и нормолайзы
_layout.scss - тут основные блоки типа футер, хедер с именованием например .l-header
_modules.scss - тут стили типа div.container, div.product__item
_themes.scss - тут стили которые переопределяют некоторые элементы, например акционную лейбу или кнопку купить другого цвета
_state.scss - тут все стили которые отвечают за состояние button:active, a:hover и в том числе media queries. Так что если нужно поправить что-то для мобильной верстки я сразу иду сюда
styles.scss импортирует все выше указанные файлы. Почитайте доку по этому препроцессору, там указано что файлы которые начинаются с _ он конкатенирует в 1 файл.

Собсн по этому мне и понравился SCSS + SMACSS

Держи, это самый лучший верстальщик в Украине
https://www.youtube.com/watch?v=tdRuZfZW99A

Вариант джаваскриптом определять не подходит?
screen.width

Показываю "на пальцах":
Здесь добавляется класс .menu_state_open, для меню когда оно открыто (или можно просто добавить .open, или .is-open в котором с !important прописать нужное свойство . Кстати это будет уникальный класс, который ты с помощью скрипта можешь тулить любым элементам которые могут открываться и закрываться)
Этот класс содержит display:block и переопределяет .menu в котором display:none

Открыто
prntscr.com/gg9kp6
Закрыто
prntscr.com/gg9jq3