Как выровнять элементы по верху панели навигации, когда картинка увеличивается в размере?

Question

Я нашел пару подобных вопросов здесь, но ни один из них, казалось, точно не ответил на мою проблему, попробовал их все, но ничего не помогло. (Я использую bootstrap4)

Это мой html:

Файл media / cook ie .jpeg довольно большой (lo go для моего веб-сайта), и из-за этого расширяется вся панель навигации, и ссылки в неупорядоченном списке становятся вертикально выровненными по центру панели навигации. Я перепробовал несколько вещей, в том числе вертикальное выравнивание: верх, но ничего не получилось.

Как я могу выровнять ссылки в верхней части страницы / панели навигации, вместо того чтобы они были в середине?

Answer 1

Если вы используете:

display: flex;
align-items: flex-start;

На панели навигации будет отображаться sh ссылки наверх:

https://codepen.io/daniel-knights/pen/VwvmwKy?editors=1100