porque no me funciona felxbox y no se ponen las cajas una al lado de las otras

trevol · #1 (**permalink**) 09/06/2018, 14:51

Pues este es el código que tengo amigos:

Código CSS:

Ver original.pelipadre{
width:500px;
background-color:blue;
display:flex;
flex-direction:row;
 
}
 .peli{
width:10px;
height: 30px;
background-color:yellow;
}

Código HTML:


<body>
    <div class="pelipadre">
        <div class="peli">
        </div>
        <div class="peli">
            </div>
            <div class="peli">
                </div>
    </div>
    
</body>

y no consigo alinear las cajas una detras de la otra.

DragonX · #2 (**permalink**) 09/06/2018, 16:20

Si te anda, el tema es que son muy angostos los divs y no ves de a uno.

Código CSS:

Ver original.pelipadre{
width:500px;
background-color:blue;
display:flex;
flex-direction:row;
}
 .peli{
width:10px;
height: 30px;
border: 1px solid #000;
background-color:yellow;
}

es tu mismo codigo solo que le agregue borde a los divs amarillos. probalo!
Slds.-