Salut a tous dans mon site en cours j'ai besoin que mes images soient disposées en horizontal sur 2 lignes de bord a bord sans marges
j'ai 6 images, je voudrais que les 6 images soient disposées en longeur par 3
mes images font toutes 650x350px

image-image-image
image-image-image

j'ai ceci dans mon html:

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<div class="gallery">
<a class="portfolio_thumb">
<img src="img/portfolio_thumb/1_animation.jpg" alt="animation_thumb">
<img src="img/portfolio_thumb/2_application.jpg" alt="application_thumb">
<img src="img/portfolio_thumb/3_architecture.jpg" alt="architecture_thumb">
<img src="img/portfolio_thumb/4_audiovisuel.jpg" alt="audiovisuel_thumb">
<img src="img/portfolio_thumb/5_produit.jpg" alt="produit_thumb">
<img src="img/portfolio_thumb/6_web.jpg" alt="web_thumb">
</div>

et dans mon css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
.portfolio_thumb {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row wrap;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
}
mais je n'arrive pas a les positionner comme il faut :s