archelon

Потому что это не кнопка, а блок. если задать display: inline (или inline-block), то будет более-менее. Ну или сделать это таки кнопкой (button)

Дело в том, что флекс был не всегда. И раньше элементы в ряд выстраивали инлайн-блоками, ещё раньше флоатами.

Сейчас инлайн-блок нужен для того, для чего придуман, т.е. чтобы элемент получил строчно-блочное отображение. Т.е. элемент ведёт себя снаружи как строчный, а внутри как блочный. А также реагирует на свойства задающие ширину, высоту, отступы.

В современном мире для построения сеток используют флексы и гриды.

Не у всех HTML тегов есть собственное содержимое, поэтому не во всех случаях стоит ждать корректного результата при использовании псевдоэлементов на следующих тегах <img>, <input type="text">, <input type="email">, <input type="password">, <input type="datetime">, etc.

Однако вы можете обернуть input в дополнительный тег, после чего использовать псевдоэлемент родительского элемента.

<div class="inputbox">
   <input type="text">
</div>

.inputbox::after { 
  /* ...стили для псевдоэлемента */ 
}

Простых рекомендаций нет.

Использование фреймворков заранее определит список устройств и браузеров (про устройства - важное замечание, так как банальный размер и наличие скалинга многое определяет), но сделает работу проще, а если делать все самому то будет эффективнее,больше гибкости и главное понимание что как работает и почему нет!

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

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

Есть два основных направления разработки веб приложений, основные на месте генерации итогового html - на серверной стороне и на клиенте.

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

Второй подход, его ещё называют SPA, переносит все что касается интерфейса на сторону клиента, оставляя серверу бизнеслогику, это сильно уменьшает затраты на разработку бакэнда и снижает затраты ресурсов сервера, причем на столько, что даже миллионы пользователей потянет один сервер (защита ддос, CDN и т.п. можно считать фичей провайдера), но затраты на разработку со стороны браузера возрастут именно при необходимости поддержи большего количества устройств..

Для начинающего я бы рекомендовал первый подход, с оглядкой на постепенный переход к SPA.

Возможные проблемы:
1 - Слабый телефон на котором все проверяли. В таком случае уже виноват телефон.
2 - В коде присутствуют animation (@keyframes) стили. Обычно они работают такими рывками.
3 - JS скрипты по адаптиву. Они тоже часто работают рывками т.к. там используются циклы. Если у вас есть такое в js скрипте, то просто советую заменить его на transition в css

index.php от MODX критичен и необходим, там точка входа. в config.core.php прописан путь к ядру MODX, тоже необходимый файл из коробки. Остальные к MODX не относятся, удаляйте.

Да, тебя обеспечат рабочим местом. Если заранее не обговорено обратное... (например ты работаешь из дома на своем ПК)
В любой крупной конторе тебе даже домой ноут выдадут - ибо нефиг лазить по рабочей сети со своего ПК, на котором нет "следилки" за тем что ты делаешь, групповых политик итд итп

function consoleLogFromPhp() {
  fetch("scripts/consoleLogText.php")
    .then(response => response.text())
    .then(response => console.log(response));
}

<?php
echo 'Hello World';

Не нужен, но для галочки сделайте, вдруг пойдете в админы)