Problem in footer html+css

Asked

Viewed 143 times

0

The part about does not appear on the footer inserir a descrição da imagem aqui

<footer id="rodape">
<div id="endereco">
<div>
    <h2>Endereço:</h2>
    <p>Rua Alcides Lima, 150 bl6 apt 201</p>  
    </div>
</div>

<div id="redes">
<h2>Rede Sociais:</h2>
    <div>
    <p>Facebook</p>
    <p>Twitter</p>
    <p>Intagram</p>
    </div>
</div>
<div id="sobree">
<h2>Sobre esse Site:</h2>
<p>Projeto de Web Design da turma 3508DW Professor: TIO DAIVISSON</p>
</div>
</footer>

</body>
</html>

css part:

#rodape{
    background-color: black;    
    height: 450px;
}

#endereco{
    color: white;
    font-size: 25px;
    font-family: impact;
    width: 22%;
    float: left;
}
h2{
    font-size: 45px;
    font-family: impact;
}
#redes{
    color: white;
    font-size: 25px;
    font-family: impact;
    width: 22%;
    display: inline-block;
}
}

#sobree{
    color: blue;
    font-size: 25px;
    font-family: impact;
    width: 22%;

1 answer

2

There’s one left } in #redes:

#redes{
    color: white;
    font-size: 25px;
    font-family: impact;
    width: 22%;
    display: inline-block;
}
} <------ aqui

Is missing one } in:

#sobree{
    color: blue;
    font-size: 25px;
    font-family: impact;
    width: 22%;

 < --------------- Aqui

It was definitely typo, there may be more, but just looking at the whole CSS.

Corrected code:

#rodape{
    background-color: black;    
    height: 450px;
}

#endereco{
    color: white;
    font-size: 25px;
    font-family: impact;
    width: 22%;
    float: left;
}
h2{
    font-size: 45px;
    font-family: impact;
}
#redes{
    color: white;
    font-size: 25px;
    font-family: impact;
    width: 22%;
    display: inline-block;
}

#sobree{
    color: blue;
    font-size: 25px;
    font-family: impact;
    width: 22%;
}

Browser other questions tagged

You are not signed in. Login or sign up in order to post.