Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
3
respuestas

[Duda] No se en donde esta el error

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. Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidadEsta 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;
}
3 respuestas

Es debido a que en las otras dos la descripcion del produto tienen dos lineas mientras la tercera no, puedes definir la posicion del precio usando un position:absolute

hola emmanuel, te falta texto en la última card. tendría que ser: "Paquete completo de cabello y barba". NO creo que sea algo de código.

Ya esta, gracias por sus respuestas