Die Flex-Grid Teaserboxen sind alle mit Klassen für Equal-Height CSS versehen. Sie basieren auf einem Box in Box Modul Flexbox-Grid. Damit lassen sich weitere Element ohne zusätzliche Spalten gleichmäßig verteilen. Die Steuerung erfolgt über den "Child" Tab der Wrapper-Box per Grow und Basis Properties.
Jede Section enthält drei Demo Versionen einer Varienta mit unterschiedlichen Ausrichtungen. Wählt eine aus, layouted sie final und dupliziert diese. speichert euch die finale Section dann als projektspezifische Vorlage ab.
Wichtig: Teaserboxen nur durch duplizieren oder verschieben der übergeordneten Box bearbeiten. Diese bilden das Gridsystem, da sie als eine Art Box-Column fungieren.
Hinweis: Die Circle-Image Boxen enthalten CSS Modifikationen zum Verdecken des Box-Contents hinter den Bilder. Die funktionieren nur auf einfarbigen Flächen. Zudem muss die Farbe dieser "Cover-Ups" an den Hintergrund angepasst werden. Am besten im CSS-Tab der Wrapper-Box