Как произвольно размещать по горизонтали элементы через flex в CSS?

Супер! Я бегло прочитал статью, и прошёл 24 уровня игры. Больше спасибо! Правильно я понимаю, что если я хочу элемент подвинуть чуть-левей/ чуть правей, я это двигаю маргином. Флекс отвечает только за порядок расположение?

Артур, да, вполне возможно.
Рада помочь)))

oelena, скажите пожалуйста, почему у меня в class="menu" картинка, ul и ссылка не встают в одну линию?

Артур, уберите лишний див, которым вы оборачиваете nav и ссылку.
Если он вам очень нужен, тогда имеет смысл этому диву дать display: flex;

oelena, больше спасибо! :з

У меня очень грязный код? 0_0

Артур, вам есть над чем работать.
Это явно лишнее
<div class="ears"></div>
Для центровки достаточно задать в css:

.content {
    margin: 0 auto;
}

Тут достаточно одного ul

<div class="messenger">
            <ul>
                <li><a href="#">Telegram</a></li>
                <li><a href="#">WhatsApp</a></li>
                <li><a href="#">Viber</a></li>
            </ul>
        </div>

Тут явный перебор с дивами

<div class="aftermenu">
            <div>
                <div><a href="#">+7 (812) 989-01-51</a></div>
                <div><p>Ежедневно с 10:00 - 18:00</p></div>
            </div>
        <div>

В общем так по всему документу. Загляните на ресурс html академии. Много полезного для себя почерпнетe, разберетесь в семантике.
И не пишите css в одну строку, читается тяжело. И не обязательно в css все начинать писать с .wrapper, можно просто .content, .messenger

oelena, спасибо Вам за уделенное мне время! Вы супер!