Добрый день уважаемые профессионалы и гости форума!
Я изучаю HTML и CSS и у меня возникла проблема со свойством order в гриде.
Суть проблемы такова:
я создаю grid в блоке навигации на моей странице в которой находятся: изображение, и три навигационных ссылки (завернуты в список),
я через свойство order с индексом 1 хочу переместить в самый низ картинку (ибо остальные элементы должны иметь по умолчанию индекс 0 согласно спецификации),
чтобы она была самой последней в сетке, но у меня это не получается.
Для примера здесь я приведу упрощенный вариант кода нежели в учебном проекте, но поведение, что в учебном проекте, что в упрощенном, который предоставлю здесь одинаковое(у автора учебного ролика все получается, а у меня с точно таким же кодом ничего не получается) .
Помогите пожалуйста понять, что не так я делаю, может я что то упускаю из виду.
Перечитал все в справочниках по этому свойству, вроде делаю все так же как в справочниках и примерах, но ничего не выходит.
Запускал в разных браузерах, результат одинаковый.
Ниже прикрепил скриншот со стрелкой которая указывает на то куда я хочу переместить изображение.
Заранее благодарю за помощь! Прошу сильно не ругаться если я пишу какие либо глупости, просто я совсем новичек
Код css и html блок <header> один в один как в учебном проекте просто с абстрактным контентом для упрощения.
styles.css
css code
index.html
html code
[Ссылки могут видеть только зарегистрированные пользователи. ]
