Éste es mi código:
.filadisco1 {
display: flex;
display: -webkit-flex;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
justify-content:space-around;
}
.discox {
width: 250px;
height: 420px;
margin-bottom: 15px;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
margin-top: 34px;
/* margin-left: 50px;*/
background-color: #212f31;
}
<div class="filadisco1">
<div class="discox">
<a class="ablanco" href="la-desvirtualizacion-de-las-ideas/">
<img class="imgdiscosx" src="<?php bloginfo('template_url'); ?>/images/jamondisco5.jpg">
</a>
<p class="parrafodisco">La Desvirtualización de las ideas (2015)</p>
<p class="parrafodescrip"> La idea sigue siendo la misma. Rock cannábico y kalimochero. La grabación [...]</p>
</div>
<div class="discox">
<a class="ablanco" href="bokerones-muertos/">
<img class="imgdiscosx" src="<?php bloginfo('template_url'); ?>/images/jamondisco4.png">
</a>
<p class="parrafodisco">Bokerones muertos (2014)</p>
<p class="parrafodescrip"> Este nuevo disco, musicalmente más tranquilo, es el tercero que hacemos juntos.[...]</p>
</div>
<div class="discox">
<a class="ablanco" href="la-democracia-ha-muerto-vol2/">
<img class="imgdiscosx" src="<?php bloginfo('template_url'); ?>/images/jamondisco3.jpg">
</a>
<p class="parrafodisco">La democracia ha muerto vol 2 (2013)</p>
<p class="parrafodescrip">Consta de siete temas de rock cannábico y kalimochero. Fernando de la Pola sigue [...]</p>
</div>
<div class="discox">
<a class="ablanco" href="la-democracia-ha-muerto-vol1/">
<img class="imgdiscosx" src="<?php bloginfo('template_url'); ?>/images/jamondisco2.jpg">
</a>
<p class="parrafodisco">La democracia ha muerto vol 1 (2012)</p>
<p class="parrafodescrip"> Ahora Fernando se junta con Dani, que ya había estado en Melilla en Jamón de Mono. Así surge [...]</p>
</div>
<div class="discox">
<a class="ablanco" href="se-busca-banda/">
<img class="imgdiscosx" src="<?php bloginfo('template_url'); ?>/images/jamondisco1.jpg">
</a>
<p class="parrafodisco">Se busca banda (2010)</p>
<p class="parrafodescrip"> Disco grabado durante el verano del 2009. Fernando decide proponerle el proyecto de producción de doce temas [...]</p>
</div>
</div>
Tengo el contenedor padre y dentro 5 hijos; como son 5 hijos, los 2 de abajo en un width de 960px se ven centrados pero no están alineados con los 3 elementos de arriba.
Con justify-content:space-around;
hago que tengan la misma separación entre los elementos y estos con el contenedor padre, pero los 2 de abajo se centran y rompen la consistencia. Los 2 hijos de abajo tendrían que estar debajo de los 2 primeros elementos de arriba.
¿Por qué ocurre esto?¿Qué puedo hacer para solucionarlo?