Flexbox 1 - flexibler Container

1

2

3

4

5

Flexbox

Flexbox ist eine moderne und einfache Möglichkeit, responsive und flexible Layouts zu erstellen, ohne feste Größenangaben und weitere CSS-Einstellungen wie position, float oder clear nutzen zu müssen.

Was kann Flexbox?

Flexbox verzichtet auf feste Breiten, wobei sich das flexible Element an den tatsächlich verfügbaren Platz anpasst, indem es die Leerräume zwischen den Elementen gleichmäßig verteilt.

flexibler Container

Flexbox benötigt nur einen CSS-Regelsatz:

.flex-container {
  display: flex;
}