Fahrenhe17

В комментариях к вопросу Максим Тимофеев выразил мысль, что статика это "плохие сайты и прошлый век" и затащил на свою сторону человека. Позвольте немного объяснить и не согласиться.
Хороший программист отличается тем, что для каждой задачи подбирает подходящий инструмент, так вот, статика для некоторого некоторых целей - тот самый необходимый инструмент.
1. Скорость загрузки у статично сгенерированных проектов - вне конкуренции, т.к. все - чистый html.
2. Безопасность. Точнее, я бы сказал - отсутствие опасности. У вас нет как такового северного кода вообще.

Зачем под проекты, с которыми справится старика разворачивать целое приложение и отказываться от того, что я написал чуть выше?

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

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

//html
<p id = "myId"> <!-- placeholder --> </p>

//js
document.getElementById("myId").innerHTML = result;

Flexbox, погуглите

если убрать из этого списка "p" - Ваша проблема решится.

Вот тут.