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

#BANNER com erro

Olá fiz de acordo como foi exemplificado na aula, porém meu css mostra que esta com erro o #BANNER poderia ajudar? Na hora que vou pro navegador e aperto F12, a #banner não aparece lá, segue minhas linhas

HTML:

Sobre a Barbearia Bodega da Barba

<p> Localizada no centro da cidade a <strong>Barbearia Bodega da Barba</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2016, a Barbearia Budega da Barba já é destaque na cidade e conquista novos clientes a cada dia.</p>

<p id="missao"><em>Temos uma missão: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</p></em></strong>

<p>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, além de claro promover aquela resenha e boas conversas</p>

CSS: body{ background: #cccccc}

#banner{

} h1{ text-align:center }

p{
    text-align:center 
}

    #missao{

        font-size: 20px
    }


     em strong{
            color: #FF0000;
        }
5 respostas

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

Salve, Jefferson.

Da uma olhada no seu Editor de texto e verifica se você tem a imagem no seu projeto:

screenshot do VSCode exibindo o arquivo banner.jpg

Olá amigos.

Também estou com problemas com a largura da imagem. Quando verifico no developer tools o width a alteração é feita. Mas quando coloco a informação no Style.css nada acontece. já tentei trocar percentual por pixels e continua igual. body { background: #CCCCCC }

#banner { width: 100%; }

h1 { text-align: center }

p { text-align: center }

#missao { font-size: 20px }

em strong { color: red }

Olá pessoal!

@Josenilton, chegou a verificar após salvar o arquivo do style.css? E os outros parâmetros do style.css funcionam normal?

solução!

Olá Hugo! Obrigado pelo interesse em ajudar.

Verifiquei e encontrei a seguinte solução:

no style.css

.banner { width: 100%;

Não sei se é o ideal, mas resolveu.