Как открыть browserSync на другом устройстве?

Конечно же

Как открыть browserSync на другом устройстве?

Hyubert, если не указывать host, то писал 192.168.0.102:88, а если с хостом, то 192.168.1.1:88. У меня есть два варианта, но слабо верится что проблема может в этом быть.
1) Компуктер подключен к роутеру по проводу
2) Порты закрыты
Может быть проблема в этом?

Какое имя дать переменной?

Ну вот попался макет с 7, вроде, цветами основными и мне казалось всегда, что называть переменную содержащую какой-либо цвет плохая практика, нет?

Какое имя дать переменной?

Ваш способ мне больше всего понравился, спасибо. А как бы вы этот вопрос задали?)

Какое имя дать переменной?

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

Какое имя дать переменной?

Спасибо, задумку понял, но в любом случае в цветах primary и secondary можно запутаться

Что лучше? Как правильней?

Сергей delphinpro, Огромное спасибо, примерно такой ответ я и ожидал услышать.

Что лучше? Как правильней?

По-поводу того, что вешать на задний фон общего блока неверно - это да, я тоже так подумал...

То есть, если я верно ваши слова понял, необходимо создать любой контейнер. Но опять же, вы предлагаете img (что как мы выяснили выше будет не совсем верно, для этих целей), или создать div и в него вставлять тэг img? Или делать задним фоном на диве? С svg еще не работал, не могу прокомментировать. Даже с учетом того что мы даем роль "для визуального представления", мы все равно обязаны дать прописать ему атрибут alt, что подразумевает наличие смысла в картинке. Но, мне кажется, у данных картинок нет смысла.

Просто мне не понятно, чем этот способ правильнее чем работа через псевдоэлементы?

Что лучше? Как правильней?

I_GRIN_I, а как этот вопрос относится к моему вопросу?)

Что лучше? Как правильней?

Антон Спирин, Надо будет попробовать в следующий раз, спасибо

Что лучше? Как правильней?

Так я же не писал, что не могу это сделать, я спросил какой вариант будет лучше

Что лучше? Как правильней?

Stalker_RED, Не совсем верно, но вы подкинули мне хорошую идею, так оно даже лучше
Только такой вопрос, как вы нашли данную иконку на сайте?

.myIcon:hover {
  background-color: grey;
}
.myIcon:hover g {
  fill: white;
}

Что лучше? Как правильней?

У меня на margin'ах все держится, с padding иногда возникают проблемы: почему-то иногда если задаешь width: 100% то padding может увеличить размеры блока, такая ситуация была на некоторых проектах, даже не разбирался почему, но похоже это связано с тем, что контент не влезал, а с маргином все проще, с ним подобных проблем не было.

Что лучше? Как правильней?

Антон Спирин, Не знаю что такое киты)
Padding? Для чего?
Да, тоже думал об этом, был один человек, попросил сверстать карточку на сайт, и его просьбой было сделать так, чтоб стили были прописаны у каждого элемента, и соответственно, там не было возможности возможности использовать псевдоэлементы. Собственно после этого у меня и возник данный вопрос и решил задать здесь данный вопрос, но как то вышло неудачно.

Что лучше? Как правильней?

Stalker_RED, Мне нужно правильнее, собственно в этом и был вопрос.
По поводу шрифтов я не знал, но есть одна проблема. На сайте есть фот такая иконка

При наведении на нее она должна становиться вот такой

Не берусь утверждать, но сомневаюсь, что при помощи шрифтов мне удалось бы достичь такой результат.
По поводу спрайтов во-первых забыл, во-вторых вопрос был не в том, что в каком формате мне нужно вставить эту иконку, да и потом данный сайт делается мной для "набивания руки" и морочится с созданием отдельно файла со спрайтам попросту лень, так как с макетом он не шел

Что лучше? Как правильней?

Конечно можно, но разве так не проще и не быстрее? Нет необходимости создавать псевдоэлемент

.service-item {
    width: 330px;
    border: 1px #DBDBDB solid;
    margin: 0 30px;
    background-image: url(img/support.png);
    background-repeat: no-repeat;
    background-position: 50% 30px;
}

Повторюсь, вопрос возник потому что на многих сайтах, да и курсах, это реализуются через before или after, вот и стало интересно, почему так, а не напрямую?

Что лучше? Как правильней?

Я нигде не писал о выборе между выбором "вставить картинку как контент или как задний фон". Эти оба варианта используют задний фон. Меня интересовала сторона, как это более верно реализовать, потому что на многих сайтах видел, что данная задача была решена при помощи псевдоэлемнтов, но для себя нашел способ реализовывать напрямую через задний фон. Стало интересно, в чем разница. Научись еще и вопросы читать. И долго мы будем мерится осведомленностью?

Что лучше? Как правильней?

Антон Спирин, Но самое обидное, что на свой вопрос я ответа так и не получил)

Что лучше? Как правильней?

Антон Спирин, и правда, здесь нет записи о связи семантического ядра и семантической разметки. Но я действовал другой логике, семантическое ядро предназначено для более высокого ранжирования страницы, семантическая разметка так же служит для этих целей.
Признаю, что в этом был не прав, отчасти.
Но это не отменяет того факта, что img для этих целей подходит менее, нежели предложенные мною выше варианты

Что лучше? Как правильней?

profesor08, Повторюсь, огрызаться я начал только потому что, мне показалось твое сообщение дерзким.
Вопрос в другом, я предложил два варианта решения данной задачи, ты предложил третий, менее подходящий, так и зачем мне такой вариант? Так что стоит задуматься и над своей осведомленностью