1
resposta

banner-titulo fora do banner- imagem

minhas propriedades estão exatamente iguais as do professor (exceto que não troquei o "-" por "_" já que é só a nomeação:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

.banner-titulo { color: #fdfdfd; font-family: Pacifico, cursive; font-size: 5.0625rem; position: absolute; left: 50%; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75); top: 50%; text-align: center; transform: translate(-50%, -50%); width: 100%; }

.banner { position: relative; }

.banner-imagem { height: calc(100vh - 72px); width: 100%; }

cada um está em um arquivo .css diferente

1 resposta

Boa noite, observando seu código percebi algumas coisas, o script que contem a classe ".banner-titulo" está sem algumas informações, vou deixar abaixo ele corrigido:

.banner__titulo { color: #fdfdfd; font-family: Pacifico, cursive; font-size: 5.0625rem; position: absolute; left: 50%; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75); top: 50%; text-align: center; transform: translate(-50%, -50%); width: 100%; }