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

imagem nao amplia

fiz e refiz o código, olhei as dúvidas e tentei a maioria e até esperei um pouco, mas não consegui achar o erro.segue os códigos na linha baixo

<!DOCTYPE html>
<html lang="pt-br">
    <head>

        <meta charset="UTF-8">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="style.css">
</head>
<body>
    <img id="banner" src="banner.jpg">

    <h1>Sobre a Barbearia Alura</h1>

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> 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.</p>

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

    <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 dos nossos clientes.</p>
</body>
 body{

    background: #CCCCCC

}


#banner {
  width: 100%;
}

h1{


    text-align: center
}

  p{

text-align: center;
}

#missao {

    font-size:20px
}

em strong{

    color: #FF0000;
}

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

1 resposta
solução!

Olá Vinicius ! Eu acabei de copiar e colar seu código no meu editor de texto e está tudo certo ! A imagem está ficando 100% da largura da tela. Seria interessante as vezes você mudar de navegador ou você pode começar a usar o editor de texto VISUAL STUDIO CODE , lá tem um plugin que você pode ir fazendo alterações no seu código e você consegue ver as alteração acontecendo em tempo real sem precisar ficar atualizando a página !

Editor de texto se chama : Visual studio code Plugin : live server

e aqui está seu site dentro do meu navegador Insira aqui a descrição dessa imagem para ajudar na acessibilidade