Как закрасить текст из option как placeholder?

В коде-то у вас что?
Сюда его: jsfiddle.net или codepen.io

Текст футера выходит за границу?

Вы же тут сами себе решение нашли Как поставить футер под любую ширину экрана?
Сомнительное, правда.

А тут и вопрос не можете нормально написать.

Как это можно исправить?

Возможно, вы задаете фиксированную высоту блокам. А этого в верстке стараются не делать.
Если дело не в этом, то стоит вспомнить или поизучать геометрию, пропорции.

Как при составлении строки "для ввода информации", сделать подчеркивание только снизу?

i_m
silid -> solid
исправьте

Как разделить фоновое изображение на два одинаковых блока, для контента?

1. Фон это один сплошной цвет. background-color
2. Вертикальная полоса - вертикальная граница одного из блоков.
3. 2 блока рядом ставятся с помощью display:flex (или grid) для родителя.
4. float придуман не для того, для чего вы пытаетесь его использовать.

Примерно так https://jsfiddle.net/3Lmykqf7/
Дальше самостоятельно доводите до ума.

Как сделать абсолютно позиционированному элементу авто ширину по его содержимому?

1. Да если ширина зависит детей, а дети от ширины родителя , выйдет ерунда.
2. 3 бутстрап не мешает использовать свои стили и не обязывает всюду использовать только его.
3. Флоаты вообще не для этого

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

Антон Вебсайтовский, и оно стало открываться с клавиатуры?

Как сделать абсолютно позиционированному элементу авто ширину по его содержимому?

Дмитрий Калинин, либо вы зададите li ширину или min/max ширину или комбинацию basis, shrink, grow либо он займет всю строку.

Или начать с img. Задать размер ему.

Вариантов вообще полно.

Можно сменить флекс на грид.

Ошибка 404 для шрифта и для background-image на github pages. Почему?

Антон Литвиненко, потому что не выходит "выше верха", т.е. localhost'а.

Как выровнять inline-элементы по верху?

dollaween, извратится и задать va top, lh < 1 и подобрать сколько именно для конкретного шрифта.

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

Как выровнять inline-элементы по верху?

Задайте родителю флекс и align-items: flex-start

Что происходит с шрифтами, line-height и vertical-align хорошо описано в статье https://css-live.ru/css/metriki-shrifta-line-heigh...

Как настроить свои значения для переключения ширины экрана в инспекторе задач хром?

Можете поставить Show media queries в настройках и будут видеть свои брейпоинты.
И ничего не мешает задать цифры или изменять ширину окна ручками.

Как полностью убрать возможность скролить страницу?

но можно скролить дальше просто у пустую область

Очень странно.

Крутить колесико мышки или есть полоса прокрутки?

Подозреваю, что контента мало, но какой-то блок высокий или отступы.

Сотворите песочницу или покажите ссылку.

Почему не удаётся получить длину таблицы?

Zorgios, много до чего могу догадаться, но на таком уровне телепатией не владею.

Может ошибки в селекторах, может скрипт вызываете, когда элемента еще нет. Может его вообще нет. Или еще что-нибудь.

Как сделать абсолютно позиционированному элементу авто ширину по его содержимому?

Дмитрий Калинин, по тому куску кода, который в вопросе, предположить можно что угодно.
Делайте песочницы с кодом и воспроизводимой проблемой, разночтений будет меньше.

Как лучше всего сделать такой блок и элементы в нём?

Зависит от идей дизайнера при адаптиве и функциональности этой штуки.
Если они просты, то одной SVG, текст можно внутрь SVG или абсолютом.
Если они перестраиваются, кликабельны, то разбить на пачку SVG.

Вот тут похожий вопрос с шикарным ответом Кто сталкивался с версткой такого типа макета?

Почему не удаётся получить длину таблицы?

Zorgios, да ваш код тоже работал ;)
Видимо, id'шники напутали.

Почему не удаётся получить длину таблицы?

let trs = document.querySelectorAll("#testTable tr");
trs.forEach((tr) => tr.remove());

Что делать, если HTML-код в редакторе и в инспекторе отличается?

Тег img одиночный. Его не нужно закрывать.

Как сделать сворачивающийся навбар?

По аналогии с ответом про кнопку бургер/крестик.
С скрипт добавляете точно такой же переключатель класса еще и для навбара.
Класс есть - открыто.
Класса нет - закрыто.
Или наоборот :)

Как сделать чтобы можно чтобы было в карусели touch-пролистывание, а не только кнопки, не очень удобно на телефонах тыкать на кнопки?

Если вы учитесь писать слайдеры, то вот, например, статейка https://habr.com/ru/post/501258/
Если нужно решение, то возьмите swiper.js