Hola a todos tengo el siguiente código:
HTML:
.contenedorgrid {
border: solid 1px black;
margin: 0px; margin: 0px;
}
.cajas {
margin: 0px;
display: flex;
flex-wrap: wrap;
padding-left: 30px;
}
.caja {
background-color: red;
margin: 5px;
height: 200px;
width: 270px;
}
<div class="contenedorgrid">
<div class="cajas">
<div class="caja">
</div>
<div class="caja">
k
</div>
<div class="caja">
k
</div>
<div class="caja">
l
</div>
<div class="caja">
k
</div>
<div class="caja">
k
</div>
<div class="caja">
k
</div>
<div class="caja">
l
</div>
</div>
</div>
Y necesito que la caja se divida en 2, es decir que la parte de arriba sea azul y la parte de abajo sea blanca y no sé como hacerlo, cuando creo otra caja dentro de la otra me la sobre expone raro.
Hay alguna forma de hacerlo?
Tengo mal mi código y por eso no puedo?
gracias!