Михаил Чирский

Вы лучше изучите что делает Flex, и тогда вопросы отпадут, Flex заменяет 3 значения flex-grow, flex-shrink и flex-basis, в вашем случае вам не хватало именно flex-basis

Как вариант так https://jsfiddle.net/kLh7cnv2/

Будет работать и в ие 8-9 без flex и таблицы

А вы точно тот файл меняете?

а вот если изменять стили в самом index.php

, что значит изменить в самом index.php? у вас там стили еще?

Директории самый разумный вариант, городов может быть много, под домен лучше использовать для стран, ru, de, fr и т д, а для городов достаточно директорий

Мне кажется, раньше не было ::after ::before, не поддерживалось подобное везде как сейчас, и потому писали пустые блоки вроде
<div class="clear"></div>
У Сергея Чикуенка даже был вот такой хак chikuyonok.ru/2009/06/float-columns

.clear {
clear:both;
font-size:0;
overflow:hidden; /* тройной презерватив для IE */
}

Со временем пустые дивы заменили на псевдоэлементы, поправьте если я не прав.

Скопировал ваш код и проверил в Fiddle
jsfiddle.net/w13au2a4 дублирования нету, проблема у вас в другом месте, скорее всего ранее где то подкл. и забыли убрать, ну это предположения)

Заголовок поста и контент меняется в админке, the_title() просто ф-ция которая выводит результат.
А если вы хотите добавить свое, то пишите ниже или выше, где вам нужно. Ну это уже будет статический контент, менять его через админку не получится.