Estoy haciendo el curso de HTML5 y CSS3 parte 2, mi hoja estilo esta configurada de la misma forma que aparece en clase, incluso descargue los archivos y compare ambos codigos, sin embargo aun no encuentro el porque de las 3 imagenes de los productos, todas tienen los mismos parametros, pero la tercera imagen tiene un tamaño diferente al resto.
Asi es como aparece en el navegador. Esta es mi stylesheet, no veo diferencia con respecto a la que aparrece en clase
header{
background-color: #BBBBBB;
padding: 20px 0;
}
.Caja{
width: 940px;
position: relative;
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;
}
.Productos{
width: 940px;
margin: 0 auto;
padding: 50px;
}
.Productos li{
display: inline-block;
text-align: center;
width: 30%;
vertical-align: top;
margin: 0 1.5%;
padding: 30px 20px;
box-sizing: border-box;
background-color: #BBBBBB;
}
.Productos h2{
font-size: 30px;
font-weight: bold;
}
.Producto-descripcion {
font-size: 18px;
}
.Producto-precio {
font-size: 20px;
font-weight: bold;
margin-top:10px;
}