Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Imagem não muda de tamanho

body {
    background-color: #CCCCCC;
}

#banner {
    width: 100%;        
}

h1 {
    text-align: center;
}

p {
    text-align: center;
}

#missao {
    font-size: 20px;
}

em strong {
    color: #FF0000 ;
}

Sobre a Barbearia Alura

Localizada no coração da cidade a Barbearia Alura traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.

Nossa missão é: "Proporcionar auto-estima e qualidade de vida aos clientes".

Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.

```
2 respostas
solução!

Oi, Pedro, tudo bem?

Como no seu css está se referenciando à id banner, mas no seu html, não tem ainda essa id definada, teria que ficar assim:

<img id="banner"  src="banner.jpg">

Depois dessa alteração, irá funcionar :}

Espero ter te ajudado e bons estudos!

Cara, tive o mesmo problema. Ambos os códigos estavam 100% corretos. Mas percebi que no 'style.css', eu não tinha colocado um ';' depois de 'width: 100%' e corrigi, só para ficar bonito, sou perfeccionista. Abri outra janela do Chrome, por um acaso, para abrir um link que um amigo tinha me enviado, e carreguei, sem querer, o html nessa nova janela. Inexplicavelmente deu certo. Perplexo, retirei o ';' para fazer a prova real e checar se era esse o erro. Eu não estava acreditando que um ';' fosse fazer diferença. E , de fato, eu estava certo. Não fazia diferença nenhuma. A imagem começou a se adequar ao tamanho da janela, DO NADA, não importado se o código estava com o ';' ou sem ele.

Tenta fazer o mesmo aí, vai que dá certo. Só precisa ter fé. Hahaha