Алексей Уколов

Нет, нельзя.

Обернуть 4 блока в единый контейнер и задать фон ему.

У вас где-то разметка кривая, браузер от себя ничего не добавляет.

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

label::after {
  top: 100%;
}

https://jsfiddle.net/alexey_m_ukolov/tLbe8yoc/1/

За это отвечает система и само приложение. Вы на этот процесс повлиять не можете.

Как сделать так,чтобы "border-bottom" не увеличивался при наличии "padding-left", а оставался строго в границах "p"?

Именно в такой постановке - никак. Но если заменить padding на margin, всё будет работать.

1. Увеличивается размер ресурса.
2. Теряется атомарность изменений - поменяли какое-то свойство в CSS, весь файл инвалидировался в кеше, клиенту нужно заново качать картинку, хотя она и не изменилась.
3. Дизайнер не сможет просто отредактировать изображение.
4. Нельзя посмотреть изображение в редакторах.

Нужно явно указать значение инпута (по-умолчанию используется on). А чтобы приходил 0, нужно добавить скрытый инпут, потому что если чекбокс не выбран, браузер вообще не отправит это поле.

<input type="hidden" name="status" value="0">
<input type="checkbox" name="status" value="1" id="status" class="form-check-input">

Не стоит, если включен gzip.
Если gzip не включен - нужно его включить, а потом см. предыдущее предложение.

Нет, скрыть нельзя. Показывайте скриншоты или видео.

Что я делаю не так?

Нужно добавить <link rel="preload" />, а не заменить ими ваши скрипты.

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

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

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

Блоки-ссылки и "ссылки для соц кнопок" нужно обернуть в общего родителя и сделать соседями. А потом спозиционировать соц кнопки абсолютно.

На самом деле, это проблема конкретных сайтов - они всегда должны быть доступны по HTTP, пусть и с безусловным редиректом на HTTPS. Соответственно, достаточно просто указывать протокол http://.
Но если сильно хочется заморочиться, то можно на клиенте в фоне делать запрос на адрес сайта с https:// и если придёт какой-то ответ 2XX или 3XX, подставлять этот протокол.
Другого способа узнать, работает ли сайт по тому или иному протоколу, кроме как сделать туда запрос, не существует.

Можно скрывать инпут, в который что-то загрузили и вместо него показывать новый пустой.

но потом узнал, что менять value полю input file нельзя.

Менять нельзя, но при сабмите формы добавлять эти файлы в FormData руками - вполне.

Для них не нужна отдельная разметка, но нужны специальные стили.
Посмотрите доклады на тему интернационализации вёрстки, их довольно много, эта тема хорошо разобрана. Если я правильно помню, ребята из Badoo или 2Гис даже какой-то автоматический инструмент сделали для конвертации и на Хабре об этом писали пару лет назад. Сходу не смог найти пост, думаю, самым простым будет найти контакты кого-нибудь из этих компаний и спросить.

В css у вас инпут должен быть вложен в .noborders, а в разметке он сам и имеет этот класс.

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

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

Картинкой. Нет никакого смысла заморачиваться, кроме спортивного интереса.
У вас спортивный интерес или вы для реального проекта интересуетесь? Если второе, то только картинкой - всё остальное будет ненадёжно/сложно/криво в разных комбинациях.