2
respostas

Consolidado meu conhecimento

Tenho costume de ir fazendo o passo a passo com o profº.

HTML

<!DOCTYPE html>
<html lange="pt-br"> 
    <head>
        <meta charset = "UTF-8">
        <title> Barbearia da 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> A 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>    
</html>

CSS

    body{

         background: #CCCCCC;
  }

  #banner{

    width: 100%;
  }

    h1{

        text-align: center;
    }
    p { 
        text-align: center;        
    }           
  #missao{
    font-size: 20px
  }
   em strong{
        color: #FF0000;

    }
2 respostas

Oi Carla, tudo bem?

Esse é um costume ótimo! Ajuda muito no aprendizado, parabéns! Só daria uma dica para arrumar essa parte:

<meta charset="UTF-8">

Deixar assim sem os espaços antes depois do sinal de =, assim evita qualquer erro no futuro.

E depois do valor de20px em #missao, não esquecer do ;(ponto e vírgula).

Continue os bons estudos!

Um abraço.

Boa tarde, tenho acompanhado as aulas, porém estou com uma dificuldade na parte da ferramenta do desenvolvedor, mesmo o código estando igual ao do professor a minha foto da barbearia não amplia, body{ background: #CCCCCC }

#banner{ width: 100%; }

h1 { text-align: center; }

p { text-align: center; }

#missao { font-size: 20px }

em strong { color: #FF0000; }