Layout

Mit dem Sektion-Element kannst du deine Seite in eigenständige Bereiche strukturieren/unterteilen (z. B. ein Thema pro Abschnitt).

Das Element hat eine Standardbreite von 100 %, verwendet das <section>-Tag und Flexbox als Anzeigetyp.
Das kann natürlich alles bei Beard geändert werden.

Wird eine Sektion hinzugefügt, wird automatisch in die Sektion ein Container Element eingefügt. Das kann auch entfernt werden, wenn es nicht gebraucht wird.

Der Container hat eine Standardbreite von 1100 Pixel, ist zentriert und verwendet das Flexbox-Layoutmodell. Dies bietet verschiedene Einstellungen zum einfachen Ausrichten, Ausrichten der Elemente in einem Container.

Bricks empfiehlt die Verwendung des Containers auf der Stammebene oder innerhalb einer Sektion.

Ein Block Element ist nichts anderes als ein Div….nur voreingestellt auf 100% Weite

Das Div-Element in Bricks ist ein einfaches, nicht gestyltes Div (Ausnahme: Anzeige= block)

Dadurch eignet es sich perfekt zur Verwendung in anderen Layoutelementen, wenn es entsprechend seinem Inhalt wächst und schrumpft, oder zum Erstellen von klassenbasierten Layouts, die nur auf Div basieren.