Vertiefung 10: Flexbox und Grid in CSS - Layout-Techniken erweitern

Nun legen wir den CSS-Stil für das Flexbox-Layout fest. Flexbox-Elemente können durch die Eigenschaften display: flex; und flex-direction: row; (oder column für vertikale Reihen) anordnen. Hier ist der CSS-Code:

.flex-container {
display: flex;
flex-direction: row; /* oder column für vertikale Reihen */
gap: 10px; /* Abstand zwischen den Elementen */
}
 
.flex-item {
padding: 20px;
background-color: lightblue;
border: 1px solid black;
}