Um Flexbox zu erweitern, können wir die justify-content und align-items Eigenschaften verwenden, um das Ausrichten der Elemente zu steuern. justify-content bestimmt die Ausrichtung der Elemente entlang der Hauptachse, während align-items die Elemente entlang der Senkrechten ausrichtet. Hier ist ein Beispiel:
/* CSS */
.container {
display: flex;
flex-direction: row;
justify-content: space-around; /* Elemente mit gleichen Abständen verteilt */
align-items: center; /* Elemente im Mittelpunkt des Container vertikal ausgerichtet */
}