Как сделать булеты справа для не пронумерованных списков?

Либо хаком нашёл выход:
https://css-tricks.com/forums/topic/aligning-list-...

Как сделать булеты справа для не пронумерованных списков?

Псевдоэлементы.

Почему изменился мобильный стиль при нажатии?

UPDATE. Мой комментарий выше был неверный. Ниже правильный.

Александр Цымбал, тут в итоге несколько иное.

Сергей, вы использовали media-запрос max-device-width, у него другой алгоритм работы, он не работает на десктопах, только на мобильных устройствах, поэтому и работали ваши стили только на телефонах и в режиме адаптивности инструментом разработчика:
https://stackoverflow.com/questions/18500836/shoul...

Поэтому лучше использовать просто max-width, если вы строите адаптивный сайт:


Использование max-device-width и похожих не очень хорошая идея, т. к. оно считается устаревшим + алгоритм его работы так себе, вот тут список устаревших:
https://drafts.csswg.org/mediaqueries-4/#mf-deprecated

И не забывайте про мета-тег:

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

Но даже без него (мета-тега) будет работать, если верные media-запросы использовать:

Почему изменился мобильный стиль при нажатии?

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

Это нужно делать, если проблемный код находится только локально или же по какой-то причине вы не можете прислать ссылку на проект.

В вашем же случае, спасибо, вы уже прислали ссылку, поэтому песочница уже не нужна.

Почему изменился мобильный стиль при нажатии?

Оформите вопрос правильно, выложив код в песочницу, например:
https://jsfiddle.net/

Или просто ссылкой на проект.

Как исправить ошибку?

tosster22, не за что! Пишу ответ ответ, чтобы не висело. Плюс, самолюбие потешу.

Как исправить ошибку?

tosster22, именно.

Внутри label должен быть только один элемент из этого списка:
button, input, meter, output, progress, select, or textarea

Как исправить ошибку?

tosster22, вот так должно быть:

<label>
  <input type="search" class="search-field" placeholder="Поиск по сайту..." value="" name="s">
</label>
<button class="search-submit search__pos"><i class="fa fa-search"></i></button>

Как исправить ошибку?

tosster22, прочитайте ещё раз текст моих комментариев.

Как исправить ошибку?

tosster22, ну вот вам и ответ, собственно. Внутри label должен быть либо input, либо button.

Но не оба сразу.

Как исправить ошибку?

Более полный код? У вас ошибка выше. Вам тут просто указание дали, что внутри тега label может только один button, input, meter, output, progress, select, или textarea (на выбор).

Может, где-то не закрыли label. Или внутри одного label существуют, к примеру, два button или button + textarea.

Как сделать кастомный скролл на сайте?

Если и использовать плагин для этого дела, то лучше этот:
https://kingsora.github.io/OverlayScrollbars/#!overview

Он не ломает нативные алгоритмы прокрутки нигде (в iOS Safari и в Android Chrome указанной вами плагин затыкается и иногда теряет фокус), может жить без jQuery и активно разрабатывается.

Вот тут есть таблица со сравнением плагинов:
https://kingsora.github.io/OverlayScrollbars/#!faq

Можно ли в атрибуте alt писать camelcase?

QWERTY01, именно так и поступи́те, если не знаете, что туда писать. Но, главное, не писать туда то, что вы предложили в тексте вопроса.

Можно ли в атрибуте alt писать camelcase?

Одиночка Айс, не совсем понял, но если нечего писать в alt, то просто стоит оставить его пустым. Тем более писать то, что предложил автор вопроса :))

Можно ли в атрибуте alt писать camelcase?

Там можно писать что угодно, только какая польза от таких alt, которые не несут в себе смысла?

Как автоматизировать процесс переноса стилей из инспектора в браузере непосредственно в код?

wqertAnna, эм... нормальная скорость, или вы не знаете проект, над которым работаете, когда работаете? Да и поиск по проекту, горячие клавиши? Более того, для этого есть sourcemaps, чтобы сразу понять, в каком файле-исходнике нужный вам код. Никто 100 лет уже не ищет, откуда взялся какой-то там класс из исходников препроцессора.

В браузере править нормальный, большой или средний проект — плохая практика. Более того, теряете весь функционал вашего текстового редактора, если будете в браузере что-то там редактировать.

Вот я сейчас работаю в таком режиме с 1400+ файлами SASS в проекте. Использую только livereload и SASS watch. Внутри текстового редактора спокойно переключаюсь между файлами проекта, использую поиск на основе данных из sourcemaps. Времени это занимает очень мало.

Как реализовать чёрточки между символами в input?

vanyaweb, написал ответ.

Как реализовать чёрточки между символами в input?

Повторяющийся градиент на фон.

Как автоматизировать процесс переноса стилей из инспектора в браузере непосредственно в код?

То, о чем говорите вы — вот:
https://rafaltomal.com/tips/save-css-chrome-inspector/

Делаете правки в инспекторе, и они сохраняются в CSS-файле.

Но так не надо работать. Подключите любой Livereload-плагин для редактора кода, сервер или настройте сборщик. Плагин проще + тот же SASS watch. Или Browsersync тот же самый, кстати.

Словом, решений тьма.

Оценка первой верстки?

unlik, лень писать, просто вставил свои три копейки. Такое только с опытом придёт.