Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Gostaria de saber porque na tag main que era 940px não pegou na página inteira e teve que criar classes e colocar a width em blocos específicos, teoricamente a Main não deveria funcionar por estar envelopando todo o bloco?

.principal { padding: 3em 0; background: #FEFEFE; width: 940px; margin: 0 auto; }

.mapa-conteudo { width: 940px; margin: 0 auto;

}

1 resposta
solução!

Fala ai Aline, tudo bem? Eu não entendi muito bem o "não pegou a página inteira", acredito que você esteja se referindo amain` ter um tamanho mas seus filhos não ocuparem ela toda.

Se for isso, isso acontece porque algumas tags por padrão não vão ocupar todo o tamanho disponível pelo pai e página, vai depender muito de como os elementos estão sendo tratados sobre seu display.

Por isso as vezes a gente precisa adicionar um width: 100% para forçar com que o elemento ocupe toda o espaço disponível.

Espero ter ajudado.