Sass/css ecart entre image

Fermé
RomainGA Messages postés 110 Date d'inscription mardi 4 juillet 2017 Statut Membre Dernière intervention 19 mai 2024 - 26 oct. 2021 à 16:06
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 26 oct. 2021 à 16:49
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 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
26 oct. 2021 à 16:49
Bonjour,

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


Bonne journée,
0