Assim que adiciono uma lista no meu html, os itens do meu código abaixo somem do site, parece que os outros elementos estão ficando dentro da caixa da lista.
Até agora meu código está assim
/* Picos */
@media screen and (min-width: 1440px){
.principal-picos{
grid-template-areas:
"titulo-pagina titulo-pagina titulo-pagina"
"picos-mapa picos-mapa picos-favoritos"
"secao-picos-mais-visitados secao-picos-mais-visitados secao-picos-mais-visitados"
}
}
.picos-mapa{
width: 100%;
height: 468px;
background-image: url(../img/mapa-picos.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px
}
@media screen and (min-width: 1440px) {
.picos-mapa{
grid-area: picos-mapa;
}
.secao-picos-mais-visitados{
grid-area: secao-picos-mais-visitados;
}
.picos-favoritos{
grid-area: picos-favoritos;
}
}
Vou deixar o link do meu repositório para uma visão completa do código.
Já revisei o meu código e não estou achando o problema, qualquer ajuda é bem vinda.