Вариант 1. Правильный.
Выбросить эту вёрстку и сделать по новой, прочитав перед этим про flex-box. Но, сдаётся мне, что это в каких-то целях обучения делается, поэтому…
Вариант 2. С учётом имеющего кода.
Либо: задать фиксированную ширину для .child, и использовать совет выше, применив к блоку с картинкой float: left
Либо: все таки почитать про флексы (хотя бы тут) и сделать parent флекс-боксом.
Вы пытаетесь сравнить массив с числом, а потом вывести первый элемент массива. Не надо так :)
В PHP есть функция count(arr), которая возвращает количество элементов в массиве. (Дока).
echo $items
Опять же, если $items - это массив, надо выводить его перебором в цикле, например. Для тестов можно var_dump попробовать
Попробовать переверстать flex-боксами, например. Реализовать 3 колонки, в каждой из которых разместить содержимое. Шпаргалка по флексам
Лично от себя рекомендация: подключить какой-нибудь bootstrap-grid. Ели переносите с Тильды, будет очень большим сюрпризом, что на HTML надо ещё об адаптивности думать :)
