batowski

потому что у тебя у блока info стоит flex-direction: column; ( вертикальная ось ) в которой за расположением высоты элементов уже отвечает justify-content - а значение по умолчанию у justify-content является flex-start, по факту если указать блоку info justify-content: stretch он должен элементы флекс контенера распределить так что бы высота у элементов занимала всё пространство, но по какой-то причине этой магии не происходит, зато если указать блоку .list явно что он должен занимать пространство всё относительно свой оси, а если он является вертикальная то flex: 1 1 0; - даст блоку возможность занимать всю высоту

Для выкладывания .php файла не нужна база данных.
Просто копируете файлы на сервер, и если обработка .php там включена - всё заработает.

Можно просто загрузить на сервер файл test.php с содержимым
<?php echo("OK!"); ?>
И если обращение к этой странице http://доменное_имя/test.php покажет текст OK! - значит всё работает нормально.

Обернуть вызов функции в Promise и использовать await.
И забудьте уже про var. Переходите на let/const.