В уроке разобрана вёрстка логотипа в хедере: виджет Image, опция «Вмещать» для корректного масштабирования, ширина auto + фиксированная высота 54px, обёртка в div через Shift+A. Добавление навигационных ссылок и кнопки в хедер через Flex.
Правило логотипа: высота фиксируется в пикселях (54px), ширина — авто. Это сохраняет пропорции изображения при любом контентном размере. Ширина авто убирает фиксированное значение из поля — без этого логотип деформируется.
Урок из серии «Собираем шапку для сайта» — часть 4. Если не смотрел предыдущие части, начни с части 1, где разбирается базовая структура хедера с Flex и позиционирование элементов. Этот урок продолжает с того места, где остановились.