xmoonlight

Вам нужен "конструктор скелета" функционала проекта под ФТ/ТЗ заказчика.

Генерация фронт+бэк без каких-либо доработок по коду с простым интефрейсом:
1. Открыли панель конструктора, поставили галками функционал, поставили зависимости и ещё что-то, нажали СОЗДАТЬ - получили готовый рабочий код (бэкенд+фронтэнд) с готовой схемой БД.
2. Установили на хостинг и дописали "мелочи" уже вручную.

Всё нужно формировать, используя ООП: модульно.

Для подготовки фронт-end (вьюхи и шаблоны страниц - всё из одних и тех же файлов!) - можно использовать includeHTML: собрали всё нужное (каждое отдельное представление блоков на странице) в один файл и получили готовый шаблон типовой страницы.

Так возвращайте ширину по событию готовности отрисовки (рендринга) элемента (а не "в лоб", как сейчас).
MutationObserver с примером: здесь.

уберите совсем $var < 0;$var += 1;
поставьте выше/перед foreach: $var = 0;
$var += 1; перед endforeach;