In dieser Lektion werden wir uns mit dem Layout von Webseiten im Detail auseinandersetzen. Sie lernen, wie Sie mit CSS Flexbox und Grid Layouts effektiv arbeiten können. Flexbox ist besonders nützlich, umFlexible Layouts für verschiedene Screen-Größen zu erstellen. Im folgenden Beispiel verwenden wir Flexbox, um eine einfache Seite zu erstellen, die eine Gruppe von Icons mit Beschreibungen darstellt. Beachten Sie, dass Flexbox flexibel ist und sich gut mit anderen CSS-Techniken kombinieren lässt.
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.icon-card {
flex: 1 1 200px;
margin: 10px;
text-align: center;
}