Арсений Матыцин

SEO — долго и нудно, и, чтобы чпокнуть одностраничником необходимо, чтобы он на все 146% соответствовал и был релевантен запросу.
Контекст — контекст клал на ключи на сайте, настраиваешь под аудиторию. Подтягиваешь «догонялку». И вуаля.

Кажется контекст проще, чем SEO. Отчасти это так, но бабла вывалишь немерено. Особенно в высококонкурентной среде. Т.е. почти в любом случае). А SEO — это долго, нудно и совсем не про закупку ссылочной массы.

1. Если у тебя инициализация через JS, перезапускай отрисовку по триггеру ресайза окна.
2. Вспомни хоть один случай, кроме поворота телефона, когда ты в реальных условиях начнешь ресайзить сайт.
2.1. А потом вспомни про сафари на яблоке и прослезись.

3. Не очень понятно, где именно у тебя img, но он должен быть частью svg кода, в правильном обращении с SVG тебе поможет она — css.yoksel.ru/adaptive-pixel-perfect

1. Нет смысла перечислять все классы, которые висят на кнопке
2. Не забывай, что CSS — это в первую очередь каскадные стили, т.е. приоритет имеет первая запись, так как она написана для конкретного случая, для изображения
3. Это не синтаксис SASS, это обычный CSS в файле с разрешением .scss. Второе описание должно быть внутри первого в формате &:hover
4. Соблюдайте культуру написания кода, товарищ, стыдно за вас.

button.sigleclass { /*Если прямо совсем уникальная кнопка, имеет смысл повесить id*/
    background-image: linear-gradient(to bottom, #6eae45, [второй цвет]);
    &:hover {
        background-color: #fff;
    }
}

Данная операция называется интерполяция. Давно в полный ход применяется в «продвинутых языках». А в JS присутствует стабильно с момента принятия стандарта ES6.

Не существует человека, который будет занят профессиональной разработкой и разменивать свое свободное время на подобные «форумы» кроме как с практичной точки зрения. Потому что:
1. Мы работаем
2. Мы ищем подаванов
Сейчас я отношусь ко второй категории, хотя при этом успеваю постоянно работать. У меня уж точно нет времени бесплатно расписывать, как должно работать то или это, если целью не стоит, к примеру, привлечение трафика. Так что не советую размениваться на подобные глупости. Тут и на любом другом форуме вы получите исключительно поверхностные ответы, которые смогут чуть-чуть помочь. В остальных случаях выручает поиск. Он-то в том числе и может привести по конкретному вопросу на форум)

Оборачивать каждый в .col-lg-3, не забывая про перестройку до одной колонки для телефонов. Все в один .row.

Вариант для экстрималов — многоколоночный текст. Но он не жрет блочные элементы, это значит, что если у текста будет обертка, то она может перенестись на другую колонку. Это можно исправить, но задача, как я сказал — для экстримального времяпровождения)

Использовать flex order если это возможно, чтобы не переверстывать сайт.
А вообще я для такого использую gulp. Настраиваешь условия в конфигурации, в зависимости от этого собираешь, что надо. Запускать такую радость можно в консоли примерно так gulp --project=red