Olá pessoal.
O que estou fazendo errado que não consigo determinar o tamanho de 140 por 140px das minhas imagens? Imagino que esteja relacionado ao seletor, mas já tentei de tudo (quase tudo).
<div class="container paineis">
<section class="painel novidades">
<h2>Novidades</h2>
<ol>
<li> <!-- PRIMEIRO PRODUTO-->
<a href="#">
<figure>
<img src="C:\Users\Rafael\Google Drive\Ecentry\Programação\Curso Caelum\mirrorfashion\img\produtos\foto1-azul.png">
<figcaption>Blusinha Azul</figcaption>
</figure>
</a>
</li> <!-- FIM DO PRIMEIRO PRODUTO-->
CSS está assim:
.painel li{
display: inline-block;
vertical-align: top;
margin: 2px;
padding-bottom: 10px;
}
.painel img{
width: 140px; //<em>segundo a apostila o seletor deveria ser .painel li mas não funciona</em>/
height: 140px;
}
.painel h2{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.painel a{
color: #333;
font-size: 14px;
text-decoration: none;
text-align: center; /** não está funcionando */
}
Estou tentando colocar o width dentro do seletor “.painel li” mas não está funcionando, então coloquei no “painel img”. Resolveu a largura mas não o comprimento. =/
O código completo está aqui:
Tksss. 