Sass/css ecart entre image

Bonjour, je refais mon site web à l'aide de sass
j'ai un petit souci avec les médias query. quand ma page est en pleine ecran,elle s' affiche correctement. Cependant dès que j'aurai la taille de la fenêtre pour tester la Media query, les images s'affichent effectivement en colone mais je n'arrive pas à faire un espace entre elles. si qqun sait comment faire, je suis preneur ^^
Merci.


<div class="flex_content">
<img src="img/snake.png" alt="">
<img src="img/c.png" alt="">
<img src="img/snake.png" alt="">
</div>



.flex_content{
display: flex;
flex-direction: row;
justify-content: space-around;

}
@media screen and (max-width:1500px) {
.flex_content{
display: flex;
flex-direction: column;
justify-content: space-around;
width: 300px;
margin-left: auto;
margin-right: auto;

}
}

1 réponse

  1. Bonjour,

    Tu peux ajouter une marge pour définir un espace entre les images :
    .flex_content img {
      margin-bottom: 20px;
    }
    


    Bonne journée,
    0