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?