Estoy haciendo un ejercicio en el que se me pide que utilice Flexbox
en el contenedor para separar uniformemente los div
de la tarjeta de información.
He probado con varias opciones, entre ellas justify-content
space-between
, around
, center
... y nada, no consigo resolverlo.
El código que me dan es el siguiente:
<div id="info-container">
<div class="info-card"></div>
<div class="info-card"></div>
<div class="info-card"></div>
</div>
Y yo lo que he hecho es esto, a parte de probar otras opciones como he comentado.
#info-container>.info-card {
display:flex;
justify-content:space-around;
border-left:10px solid black;
}
Si me podéis ayudar os lo agradecería. Gracias de antemano!