1
respuesta

Haz lo que hicimos en el aula CSS para las esquinas redondeados

header{
    background-color: rgb(174, 172, 248);
    padding: 20px 0;
}

.caja{
    width: 940px;
    position: relative;
    margin: 0 auto;
}
nav{
    position:absolute;
    top: 110px;
    right: 0px;
}
nav li{
    display: inline;
    margin: 0 10px 0 25px;
}
nav a{
    text-transform: uppercase;
    color:rgb(27, 4, 88);
    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;
    border: 5px rgb(80, 21, 107) solid;
    border-radius: 10px;


}   

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

}
.producto-descripcion{
    font-size: 18px;
}
.producto-precio{
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
1 respuesta

Hola José, espero que estés bien! Gracias por compartir tu código con nosotros. Si tiene alguna pregunta sobre el contenido del curso, estamos aquí para ayudarlo. ¡Sigue practicando! ¡Vamos juntos!

Si este post te ayudó, por favor, marca como solucionado ✓.