Guten Morgen, ich brauche Hilfe.
Hier mal der Code:
HTML
<style>
div {
border: 1px solid;
}
#galerie {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-image:url(../../2011_hintergrund_1.png);
background-repeat: no-repeat;
background-size: cover;
font-colour: #000066;
wrap: wrap;
}
#galerie div {
margin: 0.5em;
padding: 0.5em;
width: 300px;
}
body p {
text-align: center;
font-size: 16px;
}
</style>
</head>
<body>
<div id="galerie">
<div class="flex-item"><img src="../Kinderfischen_2019_Bild_1.JPG" width="300" height="200">
<p>Die guten Plätze wurden rasch besetzt.</p>
</div>
<div class="flex-item"><img src="../Kinderfischen_2019_Bild_2.JPG" width="300" height="200">
<p>Familie Spacek bei den Vorbereitungen.</p>
</div>
<div class="flex-item"><img src="../Kinderfischen_2019_Bild_3.JPG" width="300" height="200">
<p>Die haben sich einen guten Ratgeber besorgt.</p>
</div>
<div class="flex-item"><img src="../Kinderfischen_2019_Bild_4.JPG" width="300" height="200">
<p>Chiesi und Fabian sind beschäftigt.</p></div>
<div class="flex-item"><img src="../Kinderfischen_2019_Bild_5.JPG" width="300" height="200">
<p>Sophie und Emma mit Ihrem Papa.</p>
</div>
<div class="flex-item"><img src="../Kinderfischen_2019_Bild_6.JPG" width="300" height="200">
<p>Die guten Plätze wurden rasch besetzt.</p>Was muss ich bei dem o.a. Code im CSS ändern, dass immer nur 4 Bilder in einer Zeile angezeigt werden und danach automatisch der Umbruch in eine neue Zeile erfolgt?
Danke für Eure Hilfe.
LG aus Österreich
Dieter
