Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Flexbox und Grid sind ein gutes Team

Flexbox und Grid sind ein gutes Team

Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

Gratismonat starten Für Ihr Team erwerben

Flexbox und Grid sind ein gutes Team

“

Flexbox und Grid kümmern sich beide um das Nebeneinander von Boxen auf Webseiten, und in der Praxis ist es nicht immer ganz einfach zu entscheiden, ob ein Layout besser mit Flexbox oder mit Grid umgesetzt werden sollte. Seitdem es die Eigenschaft gap, hier zu sehen, auch für Flexbox gibt, wäre z.B. ein einfaches, einzeiliges Layout, wie die 3 Infoboxen, auch mit Flexbox zu erstellen. Bei mehrzeiligen Raster-Layouts ist Grid wie Sie sehen werden, eindeutig besser. Aber ansonsten nutzen Sie einfach das, was Ihnen am Besten gefällt. Ich möchte jetzt zeigen, wie man Flexbox und Grid kombinieren kann. Flexbox ist ideal für eine Richtung und hat margin mit Zauberkräften, um automatische Abstände zu bauen. Und ich möchte jetzt versuchen, diese Hyperlinks hier in den Infoboxen, die alle auf verschiedenen Höhen stehen, unten in den Boxen auszurichten. Dazu ist Flexbox wie geschaffen. Hier ein kurzer Überblick übers HTML. In jedem Artikel gibt es eine Überschrift und zwei Absätze. Und…

Inhalt