2 questões, rapp. | Praticando CSS: Grid e Flexbox

2 questões, rapp.

Gente, primeiramente, tá certo?

<body>
    <header>
        <nav>
            <ul class="menu">
                <li class="menu__item">
                    <h1 class="menu__titulo"></h1>
                </li>
                <li class="menu__item"><a href="#" class="">Programação</a></li>
                <li class="menu__item"> <a href="#">Categorias</a></li>
                <li class="menu__item"><a href="#">Seu local</a></li>

                <li class="menu__item menu__pesquisar">
                    <label class="menu__label" for="pesquisar"><input class="menu__input" type="search" name="" placeholder="O que você procura?"
                        id="pesquisar"></label>
                </li>
            </ul>
        </nav>
    </header>

    <main class="principal">

        <section class="banner">
            <img src="./assets/img/banner1.png" alt="Banner c

menu{
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
column-gap: 33px;
}

@media(min-width:720px) {
.menu{
    column-gap: 75px;

}
}

A segunda questão é: eu. Aprendi um Monte de. Coisa nova nesta aula. Só que eu fico preocupado, e se eu me esqueci?