Wie kann ich ein Flex -Wrap -Element schrumpfen, wenn es anfängt, [Duplikat] zu wickeln] ⇐ CSS

[Anonymous]

Ich habe ein Zeilen-Flex-Wrap-Element mit einem grauen Hintergrund. src = "https://i.Sstatic.net/ztrhfems.png"/>

Wenn die kleinere Bildschirmgröße die Zeile bewirkt, nimmt es weiterhin zusätzlichen Platz um seine Kinder, wie das Grau gezeigt wird. src = "https://i.static.net/coltgy.png"/>
Wie kann ich ihn ins Schrumpfen bringen, sodass er nicht diesen leeren Raum aufnimmt.

Code: Select all

Code im Spielplatz: https://play.tailwindcss.com/16osgvoqbc