A solução proposta deste exercício não funcionou para mim. Talvez exista alguma diferença entre o meu site.css e o do curso.
De qualquer forma, alguém pode testar o meu index.css deste exercício e me dar retorno?
Segue o código:
.foto-home {
height: 200px;
}
/*adic*/
.saudacao {
margin-left: 6rem;
margin-right: 6rem;
}
.saudacao p {
color: #99A;
line-height: 1;
}
.saudacao-inicio {
color: #889;
/* adic */
font-size: 4rem;
}
.saudacao-ultima-linha {
text-align: right;
display: block;
}
.saudacao strong {
color: #000;
/* adic */
font-size: 2rem;
}
.saudacao em {
color: #851944;
font-size: 4rem;
}
.botao-index {
background-color: #851944;
color: #FFF;
border: .2em solid black;
width: 400px;
display: block;
text-align: center;
/*adic*/
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
margin-bottom: 2rem;
}
.secao-inicio h2 {
text-transform: uppercase;
/*adic*/
font-size: 2rem;
}
.trabalhos {
background-color: #3C1D3D;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
/*adic*/
margin-left: 6rem;
margin-right: 6rem;
}
.trabalhos h2 {
color: #FFF;
}
.trabalhos ul {
overflow: hidden;
border: 10px solid black;
}
.trabalhos li {
float: left;
width: 33.333%;
}
.trabalhos img {
width: 100%;
display: block;
}
.blog {
background-color: #999;
color: #FFF;
border-bottom: 10px solid #851944;
/*adic*/
margin-left: 6rem;
margin-right: 6rem;
}
.blog li a {
color: #FCF;
}
footer {
background-color: #000;
color: #FFF;
}
footer a {
color: #F99;
}
footer h2{
/*adic*/
font-size: 2rem;
}
main {
width: 84%;
padding-bottom: 0;
float: none;
}
