Div-Boxen responsiv zentriert anordnen

[CaSualS]

Hallo,
Folgendes würd ich gerne auf meiner Webseite darstellen:
Mehrere Divboxen...
- nebeneinander
- mit etwas Abstand dazwischen
- bei Verkleinerung des Fensters sollen die Boxen untereinander ebenfalls mittig im kleineren Fenster angezeigt werden.
- mit fester Größe
- mit Bildinhalte und Schriftinhalt abwechselnd.

WIe kann man das ma besten darstellen?

Danke im Voraus, lg

 

[scatello]

Flexbox heißt das Zauberwort, siehe

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://the-echoplex.net/flexyboxes/

 

[CaSualS]

Vielen Dank! @scatello
Habe es in der Zwischenzeit nun so gelöst:
Wenn ich nun aber eine Textbox anstelle einer der Bildboxen einsetze, verschiebt sich das ganze und funktioniert nicht mehr so wie es soll. Muss das ganze neu aufziehen oder muss ich nur eine Kleinigkeit ändern? Bin blutiger Anfänger und sitze da jetzt schon eine ganze Weile dran...
------------------------------------------------------------------------
HTML

<sektor class="Boxzentriert">
<div class="titellinks">
<h1>Neue Projekte</h1>
<img class="aktuellesbild" src=""/>
<img class="aktuellesbild" src=""/>
<img class="aktuellesbild" src=""/>
<img class="aktuellesbild" src=""/>
</div>
</sektor>
------------------------------------------------------------------------
CSS

.Boxzentriert {
background-color:teal;
display: flex;
justify-content: center ;
align-content: center;
padding-bottom:50px;
}
.titellinks {
margin-left:20%; margin-right:20%;
text-align: center;
width: 60%;
}
.aktuellesbild {
background-color: rgb(235, 233, 233);
width: 260px;
height: 260px;
margin:10px;

-webkit-box-shadow: 10px 10px 50px rgb(0, 39, 46);
-moz-box-shadow: 10px 10px 50px grgb(0, 39, 46);
box-shadow: 0px 30px 50px rgb(0, 39, 46);
------------------------------------------------------------------------