Панель навигации

Пришло время последнего небольшого проекта! На этот раз вы разложите страницу с помощью всего, что узнали в уроках «Display и позиционирование» и «Flexbox». Как и раньше, задания описывают, как должна выглядеть страница, а как к этому прийти — решать вам.

Проект. «Мягкие лапки» присматривают за кошками у них дома, пока хозяева в отъезде, и им нужна страница с ценами. HTML и внешний вид частей страницы (цвета, шрифт, карточки и кнопки) уже готовы в style.css, но всё пока идёт одно под другим. За три упражнения вы разложите панель навигации, поставите карточки с ценами рядом и выделите самый популярный тариф. Каждое упражнение продолжает предыдущее.

В конце страница будет выглядеть так (в уменьшенном виде):

Задание. В панели навигации вверху логотип стоит у её левого края, а ссылки — у правого, и всё это посередине высоты панели. Между ссылками 24px.

Подсказка: ссылки лежат в отдельном div с классом links. Элемент может быть и flex-элементом, и flex-контейнером одновременно.