No puedo centar horizontalmente un div con flexbox. tengo un media query para pantallas de móviles
@media only screen and ( max-width: 479px )
{
.filadisco1
{
display: flex;
width:280px;
justify-content:center;
flex-direction:column;
align-content: center;
padding:0;
}
}
hijo de .filadisco1 (esta fuera del mediaquery)
.discox
{
width: 250px;
height: 420px;
margin-top: 34px;
background-color: #212f31;
}
Estoy viendo muchos tutoriales pero no me queda claro donde poner:
justify-content:center;
flex-direction:column;
align-content: center;
Si en el contenedor o en los hijos, la plantilla que uso es comprada y no se si hay algún código de la misma que me este interfiriendo en centrar .discox
html:
<div id="content-area">
<div class="container clearfix">
<div id="main-area">
<h1 class="tituloseccion alineacionh1h2">Discografía</h1>
<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><!-- discox->
</div><!-- filadisco1->
</div> <!-- #main-area -->
</div> <!-- .container -->
</div> <!-- #content-area -->
No consigo centrar .discox