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

no logro alinear los productos

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

.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:2px solid rgb(156, 36, border-radius: 10px; }

.productos h2 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.p-descripcion { font-size: 18px; margin-top: 10px; }

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

3 respuestas
    <main> 
            <ul class="productos"> 
                <li> 
                    <h2> Kit PintaDos </h2> 
                    <img id="kpintados" 

src="Imagen/kitpintados. jpeg">

Date para pintar

$350. 00

                <li> 
                    <h2> Kit Equinoccio  </h2>
                    <img id="kequinoccio" 

src="Imagen/kitequinoccio. jpeg">

Paquete para realizar Vision Board

$200. 00

                <li> 
                    <h2> Kit BirthDay  </h2> 
                    <img id="kbirthday"  

src="Imagen/kitbirthday. jpeg">

Vela de soya intencionada </ p>

$300. 00

Si te refieres a que todos tenga la misma altura puedes usar la propiedad height, por ejemplo:

.productos {
    height: 300px;
}

Gracias! muy amable por responder mi duda, fue de utilidad