Вы бы их хоть пронумеровали, чтобы было яснее)
Вариантов, в зависимости от нумерации, как минимум четыре:
1. flex
2. grid
3. column-count
4. JS-плагин `Masonry`
Например, в том, что меню не предусматривает добавление ссылок на такой уровень вложенности и не умеет их показывать. Нужно смотреть menu-walker, помимо того нужно смотреть что реально показывается на странице
"Не работает" - это очень расплывчатое определение. Не показывается подменю при ховере, не добавились ссылки в меню, сайт в 500 упал, что там?
Например - навесить на .container box-sizing: border-box и max-width: 100%;
А вообще у Вас проблемы, в том числе, из-за того, что на элементе присутствует больше одного семантического класса. Уберите .container на верхний уровень - пусть он будет обёрткой, а всё, что внутри - вообще не имеет ширины и кастомизируется как изолированный компонент
Если позволите совет - будьте последовательны в БЭМ-подходе - когда дело касается разделителей БЛОК__ЭЛЕМЕНТ--МОДИФИКАТОР (не мешайте _ и __ ; - и --), и попытайтесь не создавать сущностей сверх необходимого. Если что-то должно выглядеть одинаково - оно должно иметь одинаковый класс (это в тему div class="secondsection")
На локальной машине 8.1.20, в контейнере локально 8.1.19, в контейнере в гитлабе 8.1.19. По сути, локальная версия машины здесь не роляет, в контейнерах версия одинаковая, а поведение разное
На что именно на скрине смотреть? Что Вы считаете "разными блоками" текста?
Если табличку с "Разработчик"->"Skype" - то это лучше сделать таблицей, а ещё лучше - мета-полями
Если список с логотипами винды - то это, собственно, список
Постарайтесь как можно скорее отказаться от вставки PHP-кода непосредственно в посты, вместо этого пользуйтесь шорткодами и/или встроенными в Worpdress функциями add_filter и do_action