Шапка и подвал

Шапка есть на обеих страницах: логотип и навигация. В первом проекте с кинотеатром вы сделали её на Flexbox: логотип слева, ссылки справа. На телефоне для этого не хватает места. Сначала мобильная версия: шапка — это столбец, навигация под логотипом, и всё по центру, а от 768 px и шире — строка, как раньше:

<header class="flex flex-col items-center gap-2 bg-night px-4 py-4 md:flex-row md:justify-between md:px-8">

Это пара flex-col md:flex-row из упражнения «Строка или столбец». items-center работает в обоих направлениях: в столбце он ставит логотип и навигацию по центру ширины, а в строке — по центру высоты. md:justify-between разводит их по краям, но только в строке.

Логотип получает шрифт кинотеатра и золотой цвет. Ссылки белые и становятся золотыми под указателем мыши. Старый класс logo можно убрать: ни одно правило его больше не оформляет.

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