Sass/css ecart entre image

RomainGA Messages postés 128 Statut Membre -  
Pitet Messages postés 2845 Statut Membre -
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;

}
}
A voir également:

1 réponse

Pitet Messages postés 2845 Statut Membre 527
 
Bonjour,

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


Bonne journée,
0