Meine Codepens ,My Codepens ,Die Boxen werden jenachdem wie groß der Bildschirm ist automatisch angeordnet

flexbox_container_automatisch_anordnen.php

Quell Code

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Herzlich Wikommen</title>
<meta name="description" content="Pierre Verley - Meine persönliche Homepage">
<link href="start_inhalt.css" rel="stylesheet">
</head>
<body>
<h1>Herzlich Willkommen!</h1>
  <main>
<div class="info_box">
<img src="https://www.html-seminar.de/forum/ws/images/styleLogo-mobile-29f37f5342fe43e31c7672b617850c9c1e567aac.png" alt="Ilmenauer Schwimmhalle">
</div>

<div class="info_box">
<img src="https://www.html-seminar.de/forum/ws/images/styleLogo-mobile-29f37f5342fe43e31c7672b617850c9c1e567aac.png" alt="Goethe auf der Bank">
</div>

<div class="info_box">
<img src="https://www.html-seminar.de/forum/ws/images/styleLogo-mobile-29f37f5342fe43e31c7672b617850c9c1e567aac.png" alt="Altes Layout">
</div>

<div class="info_box">
<img src="https://www.html-seminar.de/forum/ws/images/styleLogo-mobile-29f37f5342fe43e31c7672b617850c9c1e567aac.png" alt="Pierre Verley">
</div>

<div class="info_box">
<img src="https://www.html-seminar.de/forum/ws/images/styleLogo-mobile-29f37f5342fe43e31c7672b617850c9c1e567aac.png" alt="Altes Layout">
</div>

<div class="info_box">
<img src="https://www.html-seminar.de/forum/ws/images/styleLogo-mobile-29f37f5342fe43e31c7672b617850c9c1e567aac.png" alt="Altes Layout">
</div>

  </main>


</body>
</html>