Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

O preço não acompanhou a evolução

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação

por Fernanda Rudges Marques
| 39.7k xp | 5 posts

A medida que o professor vai fazendo eu também faço, acabei de revisar o código e ainda assim não está igual 

    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="produtos.css">
</head>
<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <ul class="produtos">
            <li>
                <h2>Cabelo</h2>
                <img src="cabelo.jpg">
                <p class="produto-descricção">Na tesoura ou maquina, como o cliente preferir</p>
                <p class="produto-preço">R$ 25,00</p>
            </li>
            <li>
                <h2>Barba</h2>
                <img src="barba.jpg">
                <p class="produto-descricção">Corte e desenho profissional de barba</p>
                <p class="produto-preço">R$ 18,00</p>
            </li>
            <li>
                <h2>Cabelo + Barba</h2>
                <img src="cabelo+barba.jpg">
                <p class="produto-descricção">Pacote completo de cabelo e barba</p>
                <p class="produto-preço">R$ 35,00</p>
            </li>
        </ul>
    </main>
</body>
4 respostas
por Lorena Garcia
| 8826k xp | 13160 posts
Alura Scuba Team Suporte Educacional

Oi Fernanda, tudo bem?

Poderia mandar o seu código CSS também? Assim podemos testar seu código e encontrar possíveis erros.

Ficamos no aguardo.

Um abraço e bons estudos.

por Fernanda Rudges Marques
| 39.7k xp | 5 posts
header {
    background: #BBBBBB;
    padding: 20px 0;
}

.caixa {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

nav {
    position: absolute;
    top: 110px;
    right: 0;
}

nav li {
    display: inline;
    margin: 0 0 0 15px;
}

nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

.produtos {
    width: 940px;
    margin: 0 auto;
    padding: 50px 0;
}

.produtos li {
    display: inline-block;
    text-align: center;
    width: 30%;
    vertical-align: top;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border: 2px solid #0000000;
    border-radius: 10px;
}

.produtos h2 {
    font-size: 30px;
    font-weight: bold;
}

.produto-descricao {
    font-size: 18px;
}

.produto-preco {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;

}
solução!
por Lorena Garcia
| 8826k xp | 13160 posts
Alura Scuba Team Suporte Educacional

Oi Fernanda, voltei!

No seu HTML você escreveu class="produto-descricção" e no seu CSS você escreveu produto-descricao.

E no seu HTML o produto-preço está com ç, mas no seu CSS está sem.

Então ele não está reconhecendo mesmo. Você precisa escrever do mesmo jeito nos dois para que haja uma conexão entre eles.

Isso vale para todas as classes que você criar, se escrever sem acentuação no HTML, precisa escrever sem acentuação no CSS.

Fazendo essas correções creio que irá dar certo.

Um abraço e bons estudos.

por Fernanda Rudges Marques
| 39.7k xp | 5 posts

Brigaduuuu