Solucionado
Quando o professor utilizou o padding: 3em 0; no mapa, criou-se um espaçamento embaixo do mapa. Já quando ele criou esse mesmo padding para os benefícios, criou-se o espaçamento na parte de do título. Achei que deveria ter-se criado esse espaçamento tanto para cima como para baixo, uma vez que a declaração foi padding: 3em 0;
Não estou compreendendo. Tentei fazer assim -> padding: 3em 0 3em 0; mas nao funciona...
hoje, com a Alura e o Google Gemini
Olá, Izabella.
Tudo bem.
No caso tanto no mapa quanto em beneficios tem o espaçamento do padding em cima e em baixo, o que você tem que olhar são as seções, esse padding acrescenta um pouco de corpo, de preenchimento para cada <section> a do mapa e a de benefícios.
Se você usar o especionar, apertando F12 no teclado no navegador você vai ver que o padding está lá certinho, ele tem a cor verde:
Espero ter ajudado.
Mas se ficou com dúvidas ainda, manda aqui!! Valeu Izabella :)
Realmente me confundi por não me atentar às sections. Muito obrigada pela ajuda.