Vertiefung 6: Erweiterte Layouttechniken mit Flexbox und Grid

Flexbox bietet mehrere Eigenschaften, um die Ausrichtung und Ausrichtung von Elementen zu steuern, z.B. justify-content und align-items. In diesem Beispiel setzen wir die justify-content-Eigenschaft auf center und align-items auf baseline:

.flex-container {
display: flex;
justify-content: center;
align-items: baseline;
border: 1px solid #000;
padding: 10px;
}