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

font-size do paragrafo 2 não assumi no html.

Pessoal, fiz o código conforme o instrutor mas o font-size do paragrafo 2 não está ficando com 20px. Inspecionei a página e quando coloco o font-size: 20px direto pela página altera o tamanho, mas quando recarrego não vai. Vou deixar abaixo o código.

HTML:

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="style.css">
        <title>Barbearia Alura</title>
    </head>
    <body>
        <img 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>    
</html>

CSS:

body {
    background: #CCCCCC;
}
h1 {
    text-align: center;
}
p {
    text-align: center;
}
#misssao {
    font-size: 20px;
}
em strong {
    color: #FF0000;
}
2 respostas
solução!

Olá Marcos, tudo bem?

O que ocorre é que no arquivo HTML o id é escrito como "missao" e no CSS como "misssao", com um "s" a mais. Essa divergência faz com que o elemento que está sendo procurado pelo CSS não seja encontrado e consequentemente as propriedades que foram especificadas não são aplicadas.

Modificando, ficará assim:

#missao {
    font-size: 20px;
}

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos! =)

Olá Beatriz, bem e você Nossa, não reparei nisso rsrs. Muito obrigado <3