O gradiente ñ está preenchendo a parte do título

O gradiente ñ está preenchendo a parte do título "sobre a barbearia"

Olá Marcos , Pelo que eu entendi no seu código No vídeo o instrutor altera apenas a classe mapa Sendo assim o gradiente só ira ser aplicado na área onde o mapa fica , Caso queira que o gradiente seja aplicado também na classe principal Seria interessante você criar um div com a classe principal e classe mapa dentro dela e criar uma classe pra ele por exemplo : HTML:

<div classe="container_conteudo"> 

    <section classe="principal"> 

        conteudo
        conteudo
        conteudo

    </section>
    <section classe="mapa">

        conteudo
        conteudo
    </section>

</div>

Css :

.container_conteudo{
    background: linear-gradient(whitesmoke, gray);
}