Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

no funciona mi codigo

copie el código al paso del instructor pero no entiendo ya los compare están igual pero no me alinea los productos ni me los ubica en el centro

header{
    background-color: #BBBBBB;
    padding: 20px 0;
}

.caja{
    width: 940px;
    position: relative;
    margin: 0 auto;
}

nav{
    position: absolute;
    top: 110px;
    right: 0px;
}

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;

}

.productos h2{
    font-size:  30px;
    font-weight: bold;
}

.productos-descripcion{
    font-size: 18px;
}

.producto-precio{
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
3 respuestas

hola la posicion de los li, se la tenes que aplicar al padre, osea al nav

solución!

Hola, deberías revisar los nombres que colocaste en html, ya que por 1 letra diferente no configura bien.

Ejemplo: HTML:

  • Cabello

    CSS: .productos li{

    Saludos.

Hola jhonattan, podés pasar el HTML para ver si hay un error ahí??