Вопрос о том, почему этот элемент списка должен плавать?

Question

Итак, я смотрел на https://youtu.be/8gNrZ4lAnAw?t=8831, чтобы узнать, как создавать ответные сайты, на шаге 2:27:11 он создает навигацию с помощью

Редактировать: Забыл упомянуть, это сначала мобильный, поэтому ниже css для ширины> 1024, мобильный css такой:

nav ul {
    position: fixed;
    width: 60%;
    top: 0;
    right: 0;
    text-align: left;
    background-color: rgba(36,41,44);
    height: 100%;
    z-index: 7;
    padding-top: 3em;
}

1024 css

nav ul {
        /* NOTE position fixed to reset */
        position: inherit;
        width: auto;
        background: none;
        display: flex;
        padding-top: 0;
    }

    nav ul li {
        float: left;
    }

Я не понимаю почему сгибание на ul не сработало, что вам все еще нужно переместить элемент списка? Если кто-нибудь знает, что происходит, это было бы очень полезно.

редактировать: html

<nav>
                <a href="#" class="hide-desktop">
                    <img src="images/ham.svg" alt="toggle menu" class="menu" id="menu" />
                </a>
                <ul class="show-desktop hide-mobile">
                    <li id="exitMenu" class="exit-btn hide-desktop"><img src="images/exit.svg" alt="exit menu"></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>